谷歌地图SVG标记 - 移动,关闭路径&背景填充

时间:2015-07-22 00:25:22

标签: arrays google-maps svg

我已经掌握了SVG谷歌标记的基础知识,但我必须制作几个冗余点才能达到我想要的效果。在下面的例子中,我试图在中间建立一个浮动S的“房子”。我想减少数组中的点而不会丢失填充背景。我想我需要使用Using M(moveto)或z(closepath),但这些会导致我失去背景颜色

也可以推荐一款工具来帮助在XY轴上绘制适合SVG的点。我正在使用Excel,这不是一个很棒的绘图程序。

<Exec Command="&quot;$(ProjectDir)\app.exe&quot; &quot;$(ProjectDir)$(PublishDir) &quot;"/>

2 个答案:

答案 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';