【问题标题】:Convert SVG Co-ordinates to HTML Image Map Co-ordinates将 SVG 坐标转换为 HTML 图像地图坐标
【发布时间】:2013-09-22 21:40:21
【问题描述】:

我按照https://stackoverflow.com/a/7669029/1223045 的说明自动化了在图像上绘制坐标的过程,并成功地为一个区域生成了SVG 坐标。

现在,为了在 area 地图中使用相同的坐标,我需要将其转换为等效格式,而这正是我苦苦挣扎的地方。

我遇到了一个pythonscript,它执行转换过程,但由于我不知道python,我不知道如何使用它或如何继续它。

除了上面的脚本还有其他选择吗?

【问题讨论】:

    标签: html svg imagemap area


    【解决方案1】:

    要翻译 svg 坐标,必须获取每个坐标并将其移动到总位移图形、组和所有 svg。 svg地图区域翻译示例代码:

    $ coord = "";
    $ x = $ offset_x * $ scale_x + $ translate_x;
    $ y = $ offset_y * $ scale_y + $ translate_y;
    foreach ($ coordinates [ 1 ] as $ k => $ a) {
    if ($ k% 2 == 0) {
    $ coord. = round ($ x). ",";
    $ x + = $ a * $ scale_x;
    } else {
    $ coord. = round ($ y). ",";
    $ y + = $ a * $ scale_y;
    }
    }
    $ coord = substr ($ coord, 0, -1) ;
    

    其中translate x/y和scale x/y指的是g,offset x/y坐标为起始偏移图。 一般来说,svg 坐标以正常形式写入,主要要考虑所有偏移量以及 svg 坐标考虑了前一个的事实,但在所有地图区域坐标均取自原点。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 2020-08-24
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多