在谷歌地图中绘制svg:s时是否会破坏椭圆弧曲线?

时间:2012-08-07 09:16:37

标签: google-maps svg

我正在尝试使用svg-shapes在谷歌地图上绘制一个椭圆。

以下路径(星号)正常工作:

var goldStar = {
    path: 'M 125,5 155,90 245,90 175,145 200,230 125,180 50,230 75,145 5,90 95,90 z',
    fillColor: "yellow",
    fillOpacity: 0.8,
    scale: 1,
    strokeColor: "gold",
    strokeWeight: 14
};

但是这个(一个椭圆弧)根本没有显示出来。

var elipticalarc = {
    path: 'M 0,0 a20,10 0 1,1 100,100',
    fillColor: "yellow",
    fillOpacity: 0.8,
    scale: 1,
    strokeColor: "gold",
    strokeWeight: 14
};

您可以通过在以下链接中使用d属性替换路径来使两个路径都工作:

http://www.w3schools.com/svg/tryit.asp?filename=trysvg_path

1 个答案:

答案 0 :(得分:0)

事实证明它真的很小。