<svg width="200" height="200" xmlns="http://www.w3.org/2000/svg">
<!-- 矩形 -->
<rect width="150" height="80" fill="lightblue" stroke="black" stroke-width="2" x="25" y="10" />
<!-- 圆形 -->
<circle cx="100" cy="150" r="50" fill="lightgreen" stroke="red" stroke-width="3" />
</svg>
在这个例子中，有一个矩形和一个圆形，分别使用了 stroke 属性来定义描边颜色。具体解释如下：
- 对于矩形：
- fill="lightblue" 定义了矩形的填充颜色。
- stroke="black" 定义了矩形的边框颜色为黑色。
- stroke-width="2" 定义了矩形的边框宽度为2个单位。
- 对于圆形：
- fill="lightgreen" 定义了圆形的填充颜色。
- stroke="red" 定义了圆形的边框颜色为红色。
- stroke-width="3" 定义了圆形的边框宽度为3个单位。
你可以根据需要调整 stroke 属性的值，使用不同的颜色或RGB值来定义描边颜色。这样可以使图形在SVG中具有清晰的轮廓。
转载请注明出处：http://www.pingtaimeng.com/article/detail/12386/SVG