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

开发吉姆

我正在使用farbric.js在应用程序中编辑图像。图像应该能够调整大小,移动/拖动和旋转。问题是当我旋转图像(通过单击按钮)时,它不会位于画布的中心。所以我必须使用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();

}

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

鬼奴

说明文件:

setCoords居中后,您可能需要调用对象以更新控件区域。

因此,this.Obj.setCoords();事后this.Obj.center();应该做到这一点。

本文收集自互联网,转载请注明来源。

如有侵权,请联系[email protected] 删除。

编辑于
0

我来说两句

0条评论
登录后参与评论

相关文章

来自分类Dev

Fabric JS父子对象

来自分类Dev

Fabric JS 对象缩放

来自分类Dev

fabric.js:通过boundingbox移动对象

来自分类Dev

fabric js:对象分组无法正常工作

来自分类Dev

Fabric.js计数对象

来自分类Dev

如何在fabric.js中选择和拖动对象

来自分类Dev

在Fabric.js中设置对象拖动限制

来自分类Dev

Fabric.js-在选定对象下移动对象

来自分类Dev

Fabric JS用键盘移动图像

来自分类Dev

缩放fabric.js画布对象

来自分类Dev

对象数据随机更改Fabric.js

来自分类Dev

使用mouse:Fabric JS:覆盖动画对象

来自分类Dev

Fabric.js:按名称获取对象

来自分类Dev

在Fabric.js中调整对象大小

来自分类Dev

Fabric.js动画对象/图像

来自分类Dev

在Fabric JS中取消选择对象

来自分类Dev

Fabric.js:按名称获取对象

来自分类Dev

Fabric JS右键单击选择对象

来自分类Dev

Fabric.js 从 toDataURL 中删除对象

来自分类Dev

Fabric js禁用对象取消选择

来自分类Dev

Fabric.js-无法动态设置属性

来自分类Dev

Fabric Js无法设置值originY底部

来自分类Dev

无法在画布上添加新对象(fabric.js)

来自分类Dev

在拖动对象而不是整个对象时仅显示边界框(Fabric.js)

来自分类Dev

防止Fabric.js中的单击和拖动多选

来自分类Dev

Fabric.js-如何在鼠标移动时检测画布?

来自分类Dev

fabric.js-鼠标移动时结束自由绘图模式

来自分类Dev

fabric.js 在保持深度的同时移动图像?

来自分类Dev

初始加载后使用Fabric.js修改fabric.Image.fromURL