javascript - Fabric.js-居中后对象无法拖动/移动

原文 标签 javascript jquery fabricjs

我正在使用farbric.js在应用程序中编辑图像。
图像应该能够调整大小,移动/拖动和旋转。
问题是当我旋转图像(通过单击按钮)时,它不会在 Canvas 的中心。所以我必须使用centerObject()使其起作用。
但是,完成此操作后,将无法再拖动图像。

这是处理旋转的函数(它在一个类中):

 rotationset : function(angle, offsetX, offsetY){
    // this.obj is the origin object  
    this.Obj.left = offsetX;
    this.Obj.top =  offsetY;
    this.Obj.angle = angle;
    this.Obj.center();//center the image
    //this.canvas also initialized on load.
    this.canvas.calcOffset();
    this.canvas.renderAll();

}

那么,有什么问题呢?还有其他解决办法吗?

最佳答案

说明文件:

You might need to call setCoords on an object after centering, to update controls area.



因此,在this.Obj.setCoords();之后执行this.Obj.center();应该可以解决问题。

关于javascript - Fabric.js-居中后对象无法拖动/移动,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/29647944/

相关文章:

javascript - 我应该使用表单将JSON数据提交到REST API吗

javascript - jQuery:一次展开一个列表项

javascript - JS表值更新onchange

fabricjs - 如何将 Canvas 的原点放在中间

javascript - 依次将CSS类添加到div元素

javascript - 根据内联样式的值,将“内联样式”替换为“css类”

javascript - Magento产品分页-显示缺货的相关产品

javascript - 自适应设计:网站的移动版在加载时显示完整版

fabricjs 1.6.3 : why active object is always shown on top

javascript - Canvas 图像未出现在IE10及以下版本中