"笔划"(stroke)
请看下面的语句:
<path style="stroke:white">
stroke后面可使用的值: none, current-color, (color)
笔划属性决定了物件是否利用笔划进行勾勒,并且使用什么样颜色的笔画。"none"是无色,"Current-color"返回的是一个父文档(可以是XML文档或者SVG文档)的颜色值,(color)是自定义的色彩。
"笔划宽度"(stroke-width)
请看下面的语句:
<path style="stroke-width:2">
stroke-width后可使用的值是: (width), inherit
"笔划宽度"默认值是1像素宽度。用户也可以自定义宽度,可以使用像素值也可以使用百分比。这里的所有SVG图像都使用的是像素值."inherit"代表继承前面(父)的物件(或物件组)的笔划属性。
"笔划端点"(stroke-linecap)
请看下面的语句:
<path style="stroke-linecap:square">
stroke-linecap可使用的值是: butt, round, square, inherit "笔划端点"的属性定义了开放笔划(未闭合)的端点的形状,分别是"粗大的"butt,"圆滑的"round,"平整的"square和"继承 的"inherit.
"笔划连接"(stroke-linejoin)
请看下面的语句:
<path style="stroke-linejoin:bevel">
stroke-linejoin可使用的值是:miter, round, bevel, inherit
笔划连接属性定义了路径拐角的形状,"miter"是默认值,"round"光滑连接,"bevel"折线连接,"inherit"继承
"笔划圆角连接"(stroke-miterlimit)
请看下面的语句:
<path style="stroke-miterlimit:4">
stroke-miterlimit后可使用的值是: (miterlimit), inherit "笔划圆角连接"定义了两条相交成一定角的线在连接处的圆滑程度。数值必须为大于1的整数,默认的值是8。
"虚线笔划"(stroke-dasharray)
请看下面的语句:
<path style="stroke-dasharray:12 12">
stroke-dasharray后可使用的值是:(dasharray), inherit
虚线笔划定义了使用虚线的虚化程度,请参看下面的例子
在下面的文本框中分别任意添入一个大于1的整数,然后点击set按钮。
***附js4
