fabric js对象管理另一个对象

时间:2017-10-18 07:49:07

标签: fabricjs

我的画布有两个对象。第一个是可选的,第二个是可选的假。我希望通过第一个对象的动作管理第二个对象。

如果第一个物体移动,则第二个物体需要朝同一方向移动。如果第一个旋转,那么第二个旋转角度在第二个位置。

我尝试将事件(移动,旋转)添加到第一个可选对象,然后从第一个对象获取所需的值并将其设置为第二个对象,但旋转无法正常工作。我的代码如下:

imageOne.on('rotating', function (evt) { imageThree.angle = imageOne.getAngle(); }); 

1 个答案:

答案 0 :(得分:2)



canvas {
 border: blue dotted 2px;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.19/fabric.min.js"></script>
<button onclick='register()'>Register Event</button>
<button onclick='unRegister()'>Unregister Event</button><br>
<canvas id="c" width="400" height="400"></canvas>
&#13;
obj.setAngle()
&#13;
&#13;
&#13;

您可以将obj.rotate()用于版本&lt; 1.7.19,将{{1}}用于版本2,以设置对象的角度。