【问题标题】:How to generate a SVG path notation for text如何为文本生成 SVG 路径表示法
【发布时间】:2013-06-16 07:42:52
【问题描述】:

我需要为给定数字(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 路径表示法的函数,然后我将其设置为折线上的符号。

【问题讨论】:

标签: javascript google-maps svg


【解决方案1】:

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

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

基本使用谷歌的Chart API:

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

【讨论】:

    猜你喜欢
    • 2020-05-15
    • 2015-05-17
    • 2012-11-05
    • 2011-12-06
    • 2015-06-15
    • 2014-12-23
    • 2011-10-11
    • 2019-12-10
    • 1970-01-01
    相关资源
    最近更新 更多