1、之前 用<path/>畫的 線段等 都是連續的，想知道 是否能畫 不連續的線段等

　　結論：可以

2、測試代碼：

<?xml version="1.0" encoding="UTF-8"?>
<svg width="1000" height="800" viewBox="0 0 1000 800" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:cge="http://iec.ch/TC57/2005/SVG-schema#" xmlns:hzsvg="http://holleygrid.cn/svg"><style type="text/css"><![CDATA[<!--path{stroke:black;stroke-width:20px;fill:none;stroke-dasharray: 5;stroke-dashoffset: 10;/*-webkit-animation: dash01 1s linear infinite;*//*把這里的注釋去掉，就是 變化的動態變化(動畫)*/}@-webkit-keyframes dash01{to{stroke-dashoffset: 0;}}-->]]></style><path d="M200 200 L300 300 M400 400 L500 500" /></svg>

?

3、

4、

5、

?

轉載于:https://www.cnblogs.com/h5skill/p/8399106.html

總結

以上是生活随笔為你收集整理的SVG.path_不连续的线段的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。