在 Fabricjs 中缩放对象时缺少模式质量

Pattern quality is missing when object is scaled in Fabricjs

本文关键字：模式 Fabricjs 缩放 对象      更新时间：2023-09-26

我有一个带有fabric.Pattern（图像）的织物对象。 当我缩放对象时，填充图案质量丢失（非常差）。

当我缩放对象时，有什么方法可以提高图案质量吗？

当我缩放对象时，有什么方法可以重复该模式吗？

我认为这将解决您的问题：

canvas.observe("object:scaling", function (e) {
    var shape = e.target;
    shape.width = shape.scaleX * shape.width;
    shape.height = shape.scaleY * shape.height;
    shape.scaleX = 1;
    shape.scaleY = 1;
});

如果您使用的是缩放，则可以将scaleX和scaleY保留在变量中，并在调整大小后恢复它们（而不是使它们1）。

相关文章：