如何在织物js中围绕中心旋转动画

use*_*885 3 fabricjs

当您使用其中一个手柄条旋转fabricjs中的对象时,它将围绕中心旋转对象.但是,使用时

tri.animate('angle', 45, {
  onChange: canvas.renderAll.bind(canvas)
});
Run Code Online (Sandbox Code Playgroud)

它将围绕左上角旋转.如何使用手柄杆围绕中心旋转?

示例:http://jsfiddle.net/QQ6eA/1/

kol*_*nda 8

加:

originX: 'center',
originY: 'center',
Run Code Online (Sandbox Code Playgroud)

你的三角形创作代码.

  • 不过要小心;这样做也会改变`top`和`left`行为..如果你希望你的图像在`obj.top=0`和`obj.left=0` - 改变originX/Y将抵消`left`和 `top` 值分别为半宽和半高。 (2认同)