svg,js 选择图形
时间: 2023-09-19 21:09:09 浏览: 94
在 SVG.js 中,可以使用 select() 方法来选择已经创建的图形,并且可以使用 CSS 选择器语法来选择图形。以下是一个简单的示例代码:
```javascript
var draw = SVG().addTo('body');
// 创建一个矩形
var rect = draw.rect(100, 100).move(50, 50);
// 选择矩形并修改属性
draw.select('rect').fill('red').stroke({width: 2, color: 'black'});
```
在上述代码中,我们创建了一个矩形并将其填充为红色,边框为黑色且宽度为 2。接着,我们使用 select() 方法选择了这个矩形,并修改了它的属性。你可以根据实际需要使用不同的 CSS 选择器来选择图形,例如选择 ID 为 myRect 的矩形可以使用 `draw.select('#myRect')`。
阅读全文