2013-10-10 1 views
0

Мне нужно перемещать/масштабировать/искажать изображение (или текст) с помощью javascript. Я знаю, как это сделать с помощью CSS3, но все эти действия должны быть динамическими и с элементами управления. Как это:Управление масштабами/перемещением/перекосом

enter image description here

Я нашел fabricjs

Но мне нужны действия для перекоса.

Любая библиотека JS/exapmle, которая может это сделать?

+0

Существует перекос перевода доступны изначально с элементом холста, но это, вероятно, требует, чтобы написать всю логику с нуля, если библиотека не позволяет вставить свой собственный код в трубопровод (я не знаком с библиотеки, поэтому я не могу сказать). – K3N

+0

Только чистый javascript или jquery-плагин тоже будет делать? – VJS

+0

@ Ken Я знаю о перекос холста, но мне нужны элементы управления для этого действия. Пользователь должен иметь возможность искажать изображения в реальном времени с помощью мыши :) – tuchk4

ответ

0

проверка плагин JQuery:

jquery.transit

Использование кажется простым тоже.

$('.box').transition({ rotate: '45deg' }); 
$('.box').transition({ scale: 2.2 }); 
$('.box').transition({ skewX: '30deg' }); 
$('.box').transition({ x: 40, y: 40 }); 
+0

Да, это просто, но она предоставляет только методы для изменения объекта. То же самое можно сделать, используя только правила CSS3 . Но таким образом мне нужно реализовать элементы управления (элементы управления - я имею в виду эти маленькие квадраты http://i.stack.imgur.com/ZbhEe.png) – tuchk4

+0

Вместо полей это может быть ваш текст или любой div. $ ("#div_id"). переход ({skewX: '30deg'}); – VJS

 Смежные вопросы

  • Нет связанных вопросов^_^