Javascript 图像缩放/移动/倾斜控件
我需要使用javascript移动/缩放/倾斜图像(或文本)。我知道如何使用CSS3实现这一点,但所有这些操作都应该是动态的,并带有控件。像这样: 我找到了法布里克斯Javascript 图像缩放/移动/倾斜控件,javascript,html,fabricjs,Javascript,Html,Fabricjs,我需要使用javascript移动/缩放/倾斜图像(或文本)。我知道如何使用CSS3实现这一点,但所有这些操作都应该是动态的,并带有控件。像这样: 我找到了法布里克斯 但是我还需要对倾斜采取行动 任何JS库/exapmle都可以做到吗?检查jQuery插件: 用法似乎也很简单 $('.box').transition({ rotate: '45deg' }); $('.box').transition({ scale: 2.2 }); $('.box').transition({ s
任何JS库/exapmle都可以做到吗?检查jQuery插件: 用法似乎也很简单
$('.box').transition({ rotate: '45deg' });
$('.box').transition({ scale: 2.2 });
$('.box').transition({ skewX: '30deg' });
$('.box').transition({ x: 40, y: 40 });
canvas元素本机提供了skew-translate,但这可能需要您从头开始编写所有逻辑,除非库允许您将自己的代码插入管道(我不熟悉库,所以我不知道)。只有纯javascript或jquery插件也可以吗?@Ken我知道canvas skew,但我需要此操作的控件。用户应该能够使用鼠标实时扭曲图像:)@Vijeta任意库,任意插件。这并不重要,我们计划在不久的将来在面料上增加歪斜是的。它很简单,但只提供更改对象的方法。仅使用CSS3规则也可以做到这一点。但是用这种方式,我需要实现控件(控件-我指的是这个小方框),它可以是文本或任何div.$(“#div_id”).transition({skewX:'30deg');