使用 fabric js 进行图像转换时，边界框超出边界

Question

我正在创建一个网页，我正在该网页上尝试对图像对象应用矩阵变换。转换有效，但舍入框没有重置。当尝试重新调整图像大小或旋转图像时，实际点会超出图像范围。这是我的代码。

var img22 = fabric.Image.fromURL('Test-img/Apron-001-449.jpg', function(oImg) {
    oImg.set({transformMatrix: [ 1, 0, 0, 0.5, 0, 0 ], width:200,height:300, top: 300, left: 250});
oImg.setCoords();
canvas1.add(oImg);

});
canvas1.renderAll();

谁能告诉我如何解决这个问题

Answer 1

这是 fabric js 1.4.0 版中的一个已知错误。只需将库更新到版本 1.5.0 即可解决问题。用你的 example here

查看 fiddle

使用 fabric js 进行图像转换时，边界框超出边界

When doing image transformation using fabric js, rounding box goes out of boders

html

javascript

canvas

fabricjs