我已经掌握了SVG谷歌标记的基础知识,但我必须制作几个冗余点才能达到我想要的效果。在下面的例子中,我试图在中间建立一个浮动S的“房子”。我想减少数组中的点而不会丢失填充背景。我想我需要使用Using M(moveto)或z(closepath),但这些会导致我失去背景颜色
也可以推荐一款工具来帮助在XY轴上绘制适合SVG的点。我正在使用Excel,这不是一个很棒的绘图程序。
<Exec Command=""$(ProjectDir)\app.exe" "$(ProjectDir)$(PublishDir) ""/>
答案 0 :(得分:2)
要在填满的房子中有一个S形孔,您需要让路径包含两个子路径。每个子路径以Move(M)开头,并描述形状的轮廓。
所以第一个子路径描述了房子的轮廓。第二个子路径描述了“S”的轮廓。
你的房子部分没问题,但你的“S”只是“S”的骨架。
也可以推荐一款工具来帮助在XY轴上绘制适合SVG的点。我正在使用Excel,这不是一个很棒的绘图程序。
糟糕!任何现代的verctor编辑器都可以生成SVG文件。试试(免费)Inkscape程序。
答案 1 :(得分:0)
修订后的坐标:
var pathHouse = 'M 0,1 , 0,-1 , -7,-1 , -7,-16 , -10,-16 , 0,-26 , 10,-16 , 7,-16 , 7,-1 , 0,-1 , M -1,-4 , 1,-4 , 1,-16 , 5,-16 , 5,-17 , -5,-17 , -5,-16 , -1,-16 , -1,-4 , 0,-4 , 0,-17 , z';