svg通过虚线画形状
Posted luffy5459
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了svg通过虚线画形状相关的知识，希望对你有一定的参考价值。
svg可以做很多事情，如今和canvas在web开发中使用越来越多。默认svg画图，如果是空白填充，最后展示的形状线条是实线。
今天介绍一个属性，可以上画出的图形显示虚线。这个属性就是stroke-dasharray，一般给两个值，如下所示：
<!doctype html>
<html>
<head>
<meta charset=“utf-8”/>
<title>svg demo</title>
</head>
<body>
<h2>svg stroke with dashed line</h2>
<svg width="1000" height="500">
<rect x=20 y=20 width=100 height=100 stroke="gray" fill="white" stroke-width="2" stroke-dasharray="10 10"></rect>
<circle cx=70 cy=200 r=50 stroke="gray" fill="white" stroke-width="2" stroke-dasharray="2 2"></circle>
</svg>
</body>
</html>最终的效果：
stroke-dasharray="2 2"表示的意思是，虚线宽2，间隔是2，默认像素单位。
以上是关于svg通过虚线画形状的主要内容，如果未能解决你的问题，请参考以下文章
Python3 tkinter基础 Canvas create_line 画实线与虚线