当对象缩放时防止图案缩放

时间:2014-01-27 03:21:48

标签: fabricjs

我无法找到一种方法将图案重复填充应用于对象或形状,并在缩放对象时不进行缩放。

即使我重新创建对象并再次应用该图案,如果对象完全缩放或者比宽度更宽的椭圆也会变形,反之亦然。

当然有一种方法可以将重复图案填充应用到形状并在任何变换后应用它吗?

任何想法或示例表示赞赏,项目正受到这一关键问题的阻碍

由于

2 个答案:

答案 0 :(得分:0)

如果在调整对象大小后“应用”比例,则图案将不会缩放。例如

rect1.on('modified', function() {
  rect1.set({width:rect1.width*rect1.scaleX,scaleX:1,height:rect1.height*rect1.scaleY, scaleY:1}); // apply the scale
  rect1.setCoords(); // called so that the bounding box etc gets updated
});

答案 1 :(得分:0)

我知道这是一个非常古老的问题,但今天我遇到了同样的问题。对于那些能够找到解决问题的人来说,这里是如何在缩放时进行的:

spyOn(helper, 'doSomething').and.returnValue({});

拉动手柄时,这不会在画布上缩放对象,只需更新组件的宽度和高度。

建议@rabidgremlin建议只有在完成缩放后才会执行此操作,而不是在完成缩放期间。