📜  SVG-描边

📅  最后修改于: 2020-10-19 02:49:31             🧑  作者: Mango


SVG支持多种笔划属性。

以下是使用的主要笔画属性。

Sr.No. Stroke Type & Description
1 stroke − defines color of text, line or outline of any element.
2 stroke-width − defines thickness of text, line or outline of any element.
3 stroke-linecap − defines different types of ending of a line or outline of any path.
4 stroke-dasharray − used to create dashed lines.

testSVG.htm

SVG Stroke
   
   
      

Sample SVG Stroke

Using stroke:

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像,而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。

行程宽度

SVG Stroke
   
      
      

Sample SVG Stroke

Using stroke-width:

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像,而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。

描边线帽

SVG Stroke
   
      
      

Sample SVG Stroke

Using stroke-linecap:

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像,而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。

笔划破折号

SVG Stroke
   
   
      

Sample SVG Stroke

Using stroke-dasharray:

输出

在Chrome网络浏览器中打开textSVG.htm。您可以使用Chrome / Firefox / Opera直接查看SVG图像,而无需任何插件。 Internet Explorer 9和更高版本还支持SVG图像呈现。