2014-04-11 1 views
0

캔버스에 이미지를 추가하고 이미지에 transformMatrix를 적용하면 roundingBox가 이동합니다. http://jsfiddle.net/ULsr4/2/fabric js 객체 transformMatrix roundingBox

캔버스 =이 .__ 캔버스 = 새로운 fabric.Canvas ('캔버스');

내 jsfiddle를 봐 fabric.Image.fromURL ('http://icons.iconarchive.com/icons/archigraphs/lovely-bones/256/Tree-icon.png'기능 (IMG) {

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

});

canvas.renderAll();

누군가 나를 도울 수 있습니까?

답변

0

은 여전히 ​​당신을 위해 필요한 경우 알고 있지만 내부 fabric.Image.fromURL 콜백, 즉 그룹 개체를 사용하지 마십시오 :

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