const SHAPES = [
    {
        id: 'circle',
        name: '圆形',
        img: '/assets/shapes/circle.webp',
        color: '#FF0000',
        type: 'circle',
        svg: '<circle cx="50" cy="50" r="40" stroke="#333" stroke-width="2" fill="none"/>',
        drawFunction: 'drawCircle',
    },
    {
        id: 'square',
        name: '正方形',
        img: '/assets/shapes/square.webp',
        color: '#0000FF',
        type: 'rect',
        svg: '<rect x="10" y="10" width="80" height="80" stroke="#333" stroke-width="2" fill="none"/>',
        drawFunction: 'drawSquare',
    },
    {
        id: 'circle2',
        name: '圆形',
        img: '/assets/shapes/circle2.svg',
        color: '#FF0000',
        type: 'circle',
        svg: '<circle cx="50" cy="50" r="40" stroke="#333" stroke-width="2" fill="none"/>',
        drawFunction: 'drawCircle',
    },
    {
        id: 'square',
        name: '正方形',
        img: '/assets/shapes/square.webp',
        color: '#0000FF',
        type: 'rect',
        svg: '<rect x="10" y="10" width="80" height="80" stroke="#333" stroke-width="2" fill="none"/>',
        drawFunction: 'drawSquare',
    },
    {
        id: 'circle',
        name: '圆形',
        img: '/assets/shapes/circle.webp',
        color: '#FF0000',
        type: 'circle',
        svg: '<circle cx="50" cy="50" r="40" stroke="#333" stroke-width="2" fill="none"/>',
        drawFunction: 'drawCircle',
    },
    {
        id: 'square',
        name: '正方形',
        img: '/assets/shapes/square.webp',
        color: '#0000FF',
        type: 'rect',
        svg: '<rect x="10" y="10" width="80" height="80" stroke="#333" stroke-width="2" fill="none"/>',
        drawFunction: 'drawSquare',
    },
];

export { SHAPES };