javascript - JointJS、迅速に定義済みの形状でカスタム形状を作成

Question

定義済みの形状でカスタム形状を作成する方法はありますか? 既に定義されているセル形状を使用して新しいセル形状を作成したい

たとえば...（これは動作するコードではありません。私はこのようにしたいです）

{
    type: 'usercustom.Images',
    size: { width: 53, height: 42 },
    attrs: [
        {
            type: 'standard.Image',
            size: { width: 53, height: 42 },
            attrs: {
                root: {
                    dataTooltip: 'Image1',
                    dataTooltipPosition: 'left',
                    dataTooltipPositionSelector: '.joint-stencil'
                },
                image: {
                    xlinkHref: '/assets/imageIcons/Image1.png'
                },
                body: {
                    fill: 'transparent',
                    stroke: '#31d0c6',
                    strokeWidth: 2,
                    strokeDasharray: '0'
                },
                label: {
                    text: 'Image1',
                    fontFamily: 'Roboto Condensed',
                    fontWeight: 'Normal',
                    fontSize: 11,
                    fill: '#c6c7e2'
                }
            }
        },
        {
            type: 'standard.Image',
            size: { width: 53, height: 42 },
            attrs: {
                root: {
                    dataTooltip: 'Image2',
                    dataTooltipPosition: 'left',
                    dataTooltipPositionSelector: '.joint-stencil'
                },
                image: {
                    xlinkHref: '/assets/imageIcons/Image2.png'
                },
                body: {
                    fill: 'transparent',
                    stroke: '#31d0c6',
                    strokeWidth: 2,
                    strokeDasharray: '0'
                },
                label: {
                    text: 'Image2',
                    fontFamily: 'Roboto Condensed',
                    fontWeight: 'Normal',
                    fontSize: 11,
                    fill: '#c6c7e2'
                }
            }
        }
    ],
    markup: [{
        tagName: 'g',
        children: [{
            tagName: 'image',
            selector: 'image'
        },{
            tagName: 'image',
            selector: 'image2'
        }]
    }, {
        tagName: 'text',
        selector: 'label'
    }]
}

このコード例では、カスタム要素のタイプ (usercustom.Images) に、既に定義されている 2 つのタイプ形状 (standard.Image) があります。

standard.Image Type は既に存在します。2つ（または3つ、4つ...）の周りにシェルを作りたいです。

何か良いアイデアはありますか？

前もって感謝します。