2012-04-17 2 views
0

Fabric.js를 사용하여 대화 형 모양을 그리는 경우 둘 이상의 모양을 만들지 않으면 모양을 편집 할 수 없습니다. fabricjs 대화 형 그리기 첫 번째 모양을 그린 후 이벤트 시스템을 재설정해야합니까?

데모

분명 문제가 여기에 보여 http://jsfiddle.net/pingcrosby/brZ2N/

Click the box tool and draw 3 boxes NOT overlapping and try selecting them. 
    Click the arrow (selection) tool - now selecting the box does not work as expected. 

    (once you click enough and it works..everything from then on works as expected) 

    Now try a 3 boxes and select the bounding group 
    Now suddenly selecting all works as expected. 

내가 초기 모양을 그린 후 내부 이벤트 시스템을 재설정해야합니까?

+0

상자를 그릴 수 없습니다. 원을 그린 다음 화살표 도구로 선택하면 예상대로 작동하는 것 같습니다. – kangax

+0

답장을 보내 주셔서 감사합니다 (감사합니다). 서클은 나에게도 효과가있는 것처럼 보이지만 상자를 그릴 수없는 이유는 무엇입니까? 코드 문제 또는 JsFiddle입니다. 드래그/드래그하여 상자/원을 그리려하고 드래그 핸들 노드를 통해 바로 편집 할 수있게하려고했습니다. 초기 생성 및 크기 조정 중에 커서가 드래그 핸들 위에 놓이지 않기 때문에 박스 오프셋을 사용하고 있다는 느낌이 들었습니다. 나는 이것이 중요한 문제라고 생각한다. 기꺼이 내가 볼 수있는 전체 코드 예제를 보낼 수 있습니까? 감사 – PingCrosby

답변

0

4 년 후,하지만 Fabric을 시도하고 @ PingCrosby의 바이올린을 수정했습니다.

마우스 위로 모양을 커팅 할 때 shape.setCoords()을 호출했습니다.이 경우 object.oCoords으로 설정되며, 그렇지 않은 경우 크기가 조정 된 작은 초기 사각형으로 유지됩니다. https://jsbin.com/rujete/edit?html,js,output

이것은 Fabric gotchas 중 하나로 표시됩니다.
업데이트했습니다. https://github.com/kangax/fabric.js/wiki/FAQ

관련 문제