2016-11-05 2 views
1

fabric.js에서 수정 가능한 3 차 베 지어 곡선을 만들려고합니다. 현재 문제는 컨트롤 포인트를 드래그하여 커브를 업데이트하면 커브의 경계 사각형이 업데이트되지 않는다는 것입니다. 당신이 예에서 볼 수 있듯이, 경계 RECT 곡선을 업데이트 한 후 업데이트되지 않습니다 http://codepen.io/andershj/pen/PbwqzX?editors=1000fabric.js에서 객체의 경계 사각형을 다시 계산하거나 업데이트하는 방법이 있습니까?

:

나는 여기에 몇 가지 (추한) 코드가 있습니다.

바운딩 렉을 업데이트/다시 계산하는 방법이 있습니까?

... 
canvas.on({ 
    'object:modified' : onObjectModified 
}); 

function onObjectModified(e) { 
    canvas.setActiveObject(e.target.line.curve); 
    // Is there a method to recalculate the bounding rect when object is modified? 
} 
... 

답변

1

그것은 조금 까다로운하지만 당신은 이런 식으로 해결할 수 :

function onObjectModified(e) { 
    e.target.line.curve.pathOffset = null; 
    e.target.line.curve._setPositionDimensions({}); 
    canvas.setActiveObject(e.target.line.curve); 
} 
+0

가 작동하는 것 같다 당신을 감사합니다! – andershj

관련 문제