guide Shapes

미리 등록되어 있거나 추가 등록할 수 있는 SVG Shape
Shape 렌더러등 여러 곳에서 사용된다.
사용하기 전에 컨트롤에 미리 등록해야 한다. RtListControl.registerShape나 RtListControl.registerShapes를 직접 호출하거나, 컨트롤 초기화 시에 config에 포함시킬 수도 있다.
'검색', '정보', 'Help' 등 많이 사용되는 shape들은 '@search', '@info', '@help' 등 '@'로 시작되는 이름으로 미리 등록되어 있다.

// shape 하나를 등록한다.
list.registerShape('people', 'M18.4 44 V17 Q25.3 11.3 23.8 11.3Z', 48, 48);

// 여러 shape들을 등록한다.
list.registerShapes([{
    name: 'man',
    d: 'M18.4 44V17.1q-4.75-1-7.625-4.275Q7.9 9.55 7.9 5.2h3 Q25.3 11.3 23.8 11.3Z',
    width: 48,
    height: 48
}, {
    name: 'woman',
    d: 'M21 44V33h-6l5.1-16.4q.4-1.25 1.5-1.925T24 14 Q25.5 11.3 24 11.3Z',
    width: 48,
    height: 48
}]);

list.setConfig({
    props: {
        shapes: {
            'man': {
                d: 'M309.13 136.86c-40.32 0-57.36 19.24-85.44 85.69-19.1-34.221.8-72.66z'
                width: 512,
                height: 512,
            },
            'woman': {
                d: 'M18.4 44V17.1q-4.75-1-7.625-4.275Q7.9 9.55 11.3Z',
                width: 48,
                height: 48
            }
        },
    }
})