繁体   English   中英

如何正确转换fabric.js中的整个画布/更改结构的原点?

[英]How do I properly transform entire canvas in fabric.js / change fabric's origin?

我正在尝试设置布料,以便原点位于左下角而不是左上角。 目前,我正在使用setViewportTransform ,它会根据需要转换所有内容,除了选择框。 (似乎没有得到转换)我做了一个小提琴,您可以看到如果旋转矩形,选择框将以错误的方式旋转。

所以我的问题是,如何将fabric.js的原点设置在左下角?

http://jsfiddle.net/39up3jcm/105/

我找到的最简单的解决方案是:

  1. 通过向画布CSS添加transform: scaleY(-1)来更改视图
  2. 通过重新定义fabric.Canvas.prototype.getPointer更改输入,但是将pointer.y = pointer.y - this._offset.top替换为pointer.y = pointer.y - this._offset.top pointer.y = bounds.height - pointer.y + this._offset.top

**织物版本1.7.20

暂无
暂无

声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.

 
粤ICP备18138465号  © 2020-2024 STACKOOM.COM