javascript - 在 Fabricjs 中缩放对象时缺少图案质量

Question

我有一个带有 fabric.Pattern 的织物对象(图片)。当我缩放对象时，填充的图案质量缺失(非常差)。

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

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

Answer 1

我认为这会解决您的问题:

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)。