svg,js 选择已经创建的多个图形中的其中一个
时间: 2024-03-20 14:38:52 浏览: 138
经典svg教程
如果您使用SVG.js创建了多个图形,您可以使用该库的选择器来选择其中一个图形进行操作。以下是一个简单的示例:
```javascript
// 创建多个图形
var rect1 = draw.rect(100, 100).move(50, 50);
var rect2 = draw.rect(100, 100).move(200, 50);
var rect3 = draw.rect(100, 100).move(50, 200);
// 选择其中一个图形
var selectedRect = draw.select('#' + rect1.attr('id'));
// 对选定的图形进行操作
selectedRect.fill('red');
```
在这个示例中,我们首先使用SVG.js创建了三个矩形。然后,我们使用选择器选择了第一个矩形,并将其填充颜色更改为红色。请注意,我们使用矩形的ID属性来构建选择器。
阅读全文