stroke属性定义给定图形元素的轮廓颜色。它的默认值为无。一、属性1.stroke-widthSVG具有stroke-widthCSS属性来定义笔划宽度。示例：（这是四个不同的笔画宽度示例）代码分析：设置描边宽度为3像素。您可以使用像素以外的单位。查看[SVG坐标系单位]中的所有可用单位。运行后的图像效果：2.stroke-linecap（描边线帽）strokelinecap属性定义了不同类型开放路径的结束。3.stroke-linejoinCSS属性stroke-linejoin，定义如何呈现形状中两条线之间的连接。CSS属性stroke-linejoin可以采用三个值之一。取值有（miter,round,bevel）。示例：stroke-linejoin，说明了这些不同的值。miterroundbevel4.stroke-miterlimitstyle样式中的stroke-miterlimit属性与stroke-linejoin一起使用。如果stroke-linejoin设置为miter，stroke-miterlimit可以用来限制两条线相交点之间的距离（线角（角）延伸）。1.02.04.0注意stroke-miterlimit，三个路径如何使用三个不同的值，否则它们看起来几乎一样。运行后的图像效果：5.stroke-dasharraySVGCSS属性stroke-dasharray用于绘制虚线渲染的SVG图形的笔画。它被称为“破折号数组”，因为您提供了一个数字数组作为值。这些值定义破折号和空格的长度。用虚线定义一个笔画，虚线的宽度为10像素，虚线之间的间隔为5像素。运行后图像效果：运行后的图片效果：代码分析：第一行虚线宽度为10，然后为5像素间距，然后是5像素的虚线，然后是另一个5像素的间距。然后重复该模式。第二行以10的虚线宽度开始，然后是5px的间距，然后是5px的虚线，最后是10px的间距。6.stroke-opacitySVGCSS属性stroke-opacity用于定义SVG形状轮廓的不透明度。笔划不透明度是一个介于0和1之间的十进制数。越接近0，笔划越透明。值越接近1，描边越不透明。默认的stroke-opacity值为1，这意味着笔画是完全不透明的。在这种情况下，显示了三行，顶部有不同的笔画不透明度文本。TextBehindShape/svg>运行效果：注意：后面的文字越来越不明显了。2.小??结本文基于Html基础，介绍stoke属性。添加不同的属性可以达到不同的效果，并通过丰富的案例详细讲解每个属性，希望能帮助大家更好的学习。欢迎大家积极尝试。有时候看别人实现很简单，但是到了自己实现的时候，总会出现各种各样的问题。不要野心太大，努力理解得更深刻。
