从图像生成HTML-Map

前端之家收集整理的这篇文章主要介绍了从图像生成HTML-Map前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
有没有一种自动生成具有非常独特边框的类似多边形对象(例如地图上的国家)的 HTML-Map兼容的坐标列表的方法

示例图片

Map of CEE countries http://www.bankaustria.at/landkarten/CEE_2007_w524.jpg

最终输出

<map id ="ceemap" name="ceemap">
    <area shape="poly" coords="149,303,162,301,298,171,293,180,299,169,309,159,306,148,149,303" href="austria.html" target ="_blank" alt="Austria" />       
    <!-- ... -->
</map>

提取多边形选择的坐标的任何工具/脚本将是有帮助的.

解决方法

在Inkscape中打开地图.如果是位图,请使用路径 – >跟踪位图以跟踪边缘.清理向量数据以仅包含要在映像映射中显示的路径.保存文件,我建议一个POVRay文件.现在,您可以使用纯文本格式列出顶点(以及大量不需要的标记或元数据).从该转换到必要的HTML语法仍然是一个问题,但并不像第一步那么复杂.

对于什么是值得的,Inkscape有一个长期的功能要求,包括导出HTML图像映射的选项.

猜你在找的HTML相关文章