如何为文本生成SVG路径表示法

时间:2013-06-19 16:47:58

标签: javascript google-maps svg

我需要为给定的数字(1到100之间)生成SVG路径表示法。

我需要开发一个JavaScript函数,它将接受一个数字并返回一个表示SVG路径表示法的字符串。

任何人都知道怎么做?

关于我正在做的事情的更多背景信息:

我正在尝试使用Google Maps API生成要在折线上叠加的自定义符号。你会在例子中注意到:

  var symbolTwo = {
    path: 'M -1,0 A 1,1 0 0 0 -3,0 1,1 0 0 0 -1,0M 1,0 A 1,1 0 0 0 3,0 1,1 0 0 0 1,0M -3,3 Q 0,5 3,3',
    strokeColor: '#00F',
    rotation: 45
  };

有一个path属性,表示symbol的SVG路径表示法。这需要遵循SVG path notation standard

我想在折线上绘制数字,所以我需要一个可以将数字转换为SVG路径表示法的函数,然后我将其设置为该行上的符号。

1 个答案:

答案 0 :(得分:2)

没有简单的方法可以做到这一点。这个答案可能就是你想要的:

How can I create numbered map markers in Google Maps V3?

基本上使用Google的图表API:

http://chart.apis.google.com/chart?chst=d_map_pin_letter&chld=7|FF0000|000000