Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/456.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 图像缩放/移动/倾斜控件_Javascript_Html_Fabricjs - Fatal编程技术网

Javascript 图像缩放/移动/倾斜控件

Javascript 图像缩放/移动/倾斜控件,javascript,html,fabricjs,Javascript,Html,Fabricjs,我需要使用javascript移动/缩放/倾斜图像(或文本)。我知道如何使用CSS3实现这一点,但所有这些操作都应该是动态的,并带有控件。像这样: 我找到了法布里克斯 但是我还需要对倾斜采取行动 任何JS库/exapmle都可以做到吗?检查jQuery插件: 用法似乎也很简单 $('.box').transition({ rotate: '45deg' }); $('.box').transition({ scale: 2.2 }); $('.box').transition({ s

我需要使用javascript移动/缩放/倾斜图像(或文本)。我知道如何使用CSS3实现这一点,但所有这些操作都应该是动态的,并带有控件。像这样:

我找到了法布里克斯

但是我还需要对倾斜采取行动


任何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');