svg可以用stroke改变颜色吗

是的，可以使用SVG的CSS属性stroke来改变路径的颜色。stroke属性控制路径的描边颜色，而fill属性控制路径的填充颜色。你可以使用CSS样式表或在SVG元素中使用style属性来设置stroke颜色，如下所示：

<svg width="100" height="100">
  <rect x="10" y="10" width="80" height="80"
        style="stroke: #f00; stroke-width: 2; fill: none;" />
</svg>

在这个例子中，矩形的描边颜色被设置为红色（#f00），stroke-width属性设置描边宽度为2个像素，fill属性设置填充颜色为无色。

相关问题

svg有两个颜色怎么动态改变

SVG可以通过CSS或者JavaScript动态改变两个颜色。

一、使用CSS动态改变颜色：
1. 在SVG元素中定义两个颜色，可以通过fill或者stroke属性来设置，分别表示填充和描边的颜色。
2. 使用CSS的animation或者transition属性来实现动态改变颜色的效果。
3. 通过修改CSS样式表中的规则或者通过JavaScript中的classList属性来改变元素的类名，从而改变元素的颜色。

二、使用JavaScript动态改变颜色：
1. 使用JavaScript的getElementById或者querySelector等方法获取SVG元素。
2. 使用SVG元素的setAttribute方法来改变元素的fill或者stroke属性的值，从而改变颜色。
3. 通过addEventListener方法为SVG元素绑定事件，当事件触发时，执行改变颜色的函数。

总结：
无论是使用CSS还是JavaScript，通过修改SVG元素的fill或者stroke属性的值，可以实现对SVG图形中两个颜色的动态改变。

svg，js 改变图形

在 SVG.js 中，可以通过修改图形的属性来改变图形。例如，可以使用 fill() 方法来改变图形的填充颜色，使用 stroke() 方法来改变图形的边框颜色和宽度。以下是一个简单的示例代码：

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。除了这些基本属性外，还可以使用其他方法来改变图形的大小、位置、旋转等等。