fabricjs 서브 클래 싱 대상이 그룹화되지 않았습니다

Question

아래 링크를 참조하십시오.

샘플 코드를 실행하십시오.

1 개의 사각형이 그룹화되어 있습니다. 성공.

1. addRect를 두 번 클릭하십시오. (두 개의 사각형 표시)
2. 두 객체를 드래그하여 선택합니다.
3. 그룹 버튼을 클릭하십시오.
4. 성공 그룹 개체.

2 서브 클래 싱 대상 - 실패.

1. 클릭 addLabeledRect 두 번 (두 개의 서브 클래스 객체를 표시) - 텍스트 만
2. 끌어 선택이 개체와 사각형입니다.
3. 그룹 버튼을 클릭하십시오.
4. 콘솔에 오류 및 오류 메시지가 표시됩니다.

하위 클래스 개체가 그룹 개체로 변환되지 않습니까?

개체와 사각형을 서브 클래 싱하여 그룹 개체를 테스트했습니다. 사각형이 잘 그룹화되어 있지만 서브 클래 싱 대상은 그룹화되지 않은 경우.

나는 v1.4.4를 사용합니다.

아래의 오류 메시지가 있습니다.

Uncaught TypeError: undefined is not a function fabric-1.3.7.js:10702 
    fabric.Object.fabric.util.createClass.renderfabric-1.3.7.js:10702 
    fabric.Group.fabric.util.createClass._renderObjectfabric-1.3.7.js:15504 
    fabric.Group.fabric.util.createClass.renderfabric-1.3.7.js:15477 
    fabric.StaticCanvas.fabric.util.createClass._drawfabric-1.3.7.js:5751 
    fabric.StaticCanvas.fabric.util.createClass._renderObjectsfabric-1.3.7.js:5879 
    fabric.StaticCanvas.fabric.util.createClass.renderAllfabric-1.3.7.js:5850 
    fabric.Collection.addfabric-1.3.7.js:181 
    (anonymous function)GroupSubclassing.html:71 
    x.event.dispatchjquery-2.0.3.js:4676 
    y.handle 

Answer 1

하위 개체가 누락 된 복제 된 개체에 문제가 있습니다.

간단한 해결 방법은이를 추가

LabeledRectangle.fromObject = function (object) { 
    return new LabeledRectangle(object); 
}; 

을 개체를 정의한 후.