SVG 路径未连接答案

【问题标题】：SVG path is not connectedSVG 路径未连接
【发布时间】：2016-02-03 14:11:46
【问题描述】：

您好，感谢您的提前，

我已经使用路径绘制了 svg，请找到我的代码，

<!DOCTYPE html>
<html>
<body>

<svg height="400" width="400">
  <path fill="#E94649" fill-opacity="1" stroke-width="1" stroke="transparent" stroke-linecap="butt" stroke-linejoin="round" d="
M 71.9090909090909 366 
L 71.9090909090909 109.79999999999998 
L 143.8181818181818 109.79999999999998 
L 143.8181818181818 366 
L 215.72727272727272 366 
L 215.72727272727272 183 
L 287.6363636363636 183 
L 287.6363636363636 366 Z"

 />
</svg>

</body>
</html>

JS 小提琴链接：http://jsfiddle.net/7hvsh565/27/

但路径未连接，中间已显示空间。

为什么显示空间？以及如何解决？

【问题讨论】：

这是你需要的吗？..jsfiddle.net/Sarathv15/7hvsh565/25

标签： jquery html svg path

【解决方案1】：

我已将笔划设置为透明.. 就是这条线没有显示

<!DOCTYPE html>
<html>
<body>

<svg height="400" width="400">
  <path fill="#E94649" fill-opacity="1" stroke-width="1" stroke="gray" stroke-linecap="butt" stroke-linejoin="round" d="
M 71.9090909090909 366 
L 71.9090909090909 109.79999999999998 
L 143.8181818181818 109.79999999999998 
L 143.8181818181818 366 
L 215.72727272727272 366 
L 215.72727272727272 183 
L 287.6363636363636 183 
L 287.6363636363636 366 Z"

 />
</svg>

</body>
</html>

查看以下链接http://jsfiddle.net/7hvsh565/28/

【讨论】：