织物js对象变换矩阵舍入框

Question

当我在画布中添加图像并对图像执行 transformMatrix 时，roundingBox 会移动。

看看我的 jsfiddle：http://jsfiddle.net/ULsr4/2/

canvas = this.__canvas = new fabric.Canvas('canvas'); fabric.Image.fromURL('http://icons.iconarchive.com/icons/archigraphs/lovely-bones/256/Tree-icon.png', function(img) {

img.transformMatrix = [1, 0, 0.7, 1, 0, 0];
canvas.add(img);
img.setCoords();

});

canvas.renderAll();

有人可以帮我吗？

Answer 1

不知道你是否还需要它，但尝试在你的 fabric.Image.fromURL 回调中使用组对象，即：

var group = new fabric.Group([img], {
                                  left: 10,
                                  top: 10
                              });
canvas.add(group);
group.setCoords();