2017-11-09 11 views
0

subTargetCheck fabric.Group의 속성을 직렬화시 포함시킬 수 있습니까?패브릭 js의 하위 대상 속성 그룹을 내보낼 수 없습니다.

다음은 직렬화 된 fabric js 그룹의 링크입니다.

JS Fiddle link

: https://jsfiddle.net/n1zs07rw/1/

것은 내가 1.7.19이다 직물 JS 라이브러리의 최신 버전을 사용하고 있습니다.

UPDATE는 : 내가 한 일은 직렬화시 subTargetCheck을 포함하는 것입니다. 내가 탈 직렬화를 확인할 때

canvas.toJSON(['subTargetCheck']); 

은 그래서, subTargetCheck 속성이 포함되어 있습니다. 그러나 캔버스에서 패브릭 그룹을 이동하려고하면 오류가 발생합니다.

오류 :

Uncaught TypeError: Cannot read property 'tl' of null 
    at n._getImageLines (fabric.min.js:1) 
    at n.containsPoint (fabric.min.js:1) 
    at n.containsPoint (fabric.min.js:1) 
    at n._checkTarget (fabric.min.js:1) 
    at n._searchPossibleTargets (fabric.min.js:1) 
    at n._searchPossibleTargets (fabric.min.js:1) 
    at n.findTarget (fabric.min.js:1) 
    at n.__onMouseMove (fabric.min.js:1) 
    at n._onMouseMove (fabric.min.js:1) 

사람이 직물 그룹 문제에 나를 도와 드릴까요? 고맙습니다.

답변

0

안녕하세요 FabricJS 개발자가 여기 있습니다. 실제로 누군가가 fabricJS의 문제 추적기에서도보고 한 버그가있었습니다. https://github.com/kangax/fabric.js/issues/4444

문제가 해결하고 당신은 수동으로 패치 할 수

이 문제를 해결하기 위해 1.7.20로 업그레이드 할 수 있으며, 포인트는 그룹의 모든 어린이와 subchildren에 재귀 수정이 필요한 것입니다 . 당신이해야 할 일은

그것을 복원 한 후 그룹 내의 각 개체에 대해

object.setCoords(ignoreZoom = true, skipAbsolute = true); 

를 호출합니다.

+0

안녕하세요 @AndreaBogazzi. 사실, 나는 또한 fabricJS 추적기의보고 된 문제에 참여했습니다. 이 정보에 감사합니다. Btw, object.setCoords의 사용법은 무엇입니까 (ignoreZoom = true, skipAbsolute = true); 언제 그것을 사용할 수 있습니까? 고맙습니다. –

+0

Ooops. 네가 놀랄만 한 hehehe라는 것을 나는 몰랐다. –