58 lines
1.7 KiB
TypeScript
58 lines
1.7 KiB
TypeScript
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 }; |