将SVG坐标转换为HTML图像映射坐标

时间:2013-09-18 08:09:52

标签: html svg imagemap area

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

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

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

除了上述脚本之外还有其他选择吗?

1 个答案:

答案 0 :(得分:0)

要翻译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) ;

其中,平移x / y和比例x / y指的是g,以及起始偏移图的偏移x / y坐标。 一般情况下,svg坐标以正常形式写入,主要考虑所有偏移量以及svg坐标考虑前一个坐标的事实,但所有地图区域坐标都取自原点。