fabricjs - 如何在fabric js中设置围绕中心旋转的动画

标签 fabricjs

当您使用其中一个 Handlebars 在 fabricjs 中旋转对象时,它将围绕中心旋转对象。然而,当使用

tri.animate('angle', 45, {
  onChange: canvas.renderAll.bind(canvas)
});

它将围绕左上角旋转。如何像 handle 一样绕中心旋转?

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

最佳答案

添加:

originX: 'center',
originY: 'center',

到您的三角形创建代码。

关于fabricjs - 如何在fabric js中设置围绕中心旋转的动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/23957553/

相关文章:

javascript - Fabric.js 定义图像的边界/限制

javascript - Fabricjs绘图时连接线

fabricjs - 有没有办法只显示fabric js上的旋转点?

javascript - Fabric js 在使用 fabric.Image.fromURL 加载图像后旋转图像

javascript - 如何在 HTML5 Canvas 上缩放图像时保持宽高比?

javascript - 如何在fabricjs中使用嵌入式图像base64将 Canvas 转换为SVG

fabricjs - Fabric.js : How to remove padding and format selection box?(缩放后填充仍然存在)

json - Fabric js-在保存和加载回 Canvas 时缺少添加附加属性的扩展 toObject 方法

javascript - 删除 FabricJS 中的图层和对象

javascript - 使用 Fabric.js 桥接文本效果