2015-11-03 236 views
0

嗨感谢提前,SVG路径没有连接

我有使用路径绘制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/

,但路径不已连接的空间已显示在中间。

为什么显示空间?以及如何解决? enter image description here

+0

这是你需要.. HTTP://的jsfiddle。净/ Sarathv15/7hvsh565/25 / – Sarath

回答

0

我已经设置了行程为透明..这Y不是显示行

<!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/