svg,js 改变图形
时间: 2023-07-08 22:46:06 浏览: 83
js更改图像
在 SVG.js 中,可以通过修改图形的属性来改变图形。例如,可以使用 fill() 方法来改变图形的填充颜色,使用 stroke() 方法来改变图形的边框颜色和宽度。以下是一个简单的示例代码:
```javascript
var draw = SVG().addTo('body');
// 创建一个矩形并设置属性
var rect = draw.rect(100, 100).move(50, 50).fill('red').stroke({width: 2, color: 'black'});
// 修改矩形的属性
rect.fill('blue').stroke({width: 4, color: 'green'});
```
在上述代码中,我们创建了一个红色填充、黑色边框、大小为 100x100 并位于 (50, 50) 处的矩形。然后,我们使用 fill() 和 stroke() 方法分别将其填充颜色改为蓝色,边框颜色改为绿色且宽度为 4。除了这些基本属性外,还可以使用其他方法来改变图形的大小、位置、旋转等等。
阅读全文