我如何获得图像的坐标

Question

我需要在图像上创建一个热点，我需要有这样的东西

我有像this这样的美国照片，但我需要把它变成像this这样的热点，但是查看来源我看到了这个

<area href="#" title="SC" shape="poly" coords="735,418, 734,419, 731,418, 731,416, 729,413, 727,411, 725,410, 723,405, 720,399, 716,398, 714,396, 713,393, 711,391, 709,390, 707,387, 704,385, 699,383, 699,382, 697,379, 696,378, 693,373, 690,373, 686,371, 684,369, 684,368, 685,366, 687,365, 687,363, 693,360, 701,356, 708,355, 724,355, 727,356, 728,360, 732,359, 745,358, 747,358, 760,366, 769,374, 764,379, 762,385, 761,391, 759,392, 758,394, 756,395, 754,398, 751,401, 749,404, 748,405, 744,408, 741,409, 742,412, 737,417, 735,418"></area>

是否有一个工具我可以使用我的png图像，这将帮助我获得协调..否则这将永远需要所有的州......

Answer 1

复制整个页面并更改您想要更改的内容而不是从头开始可能是切实可行的。显然，您提供的工作示例已经包含了所有的电线，因此您无需再次制作它们。只需复制工作页面并根据需要进行更改。

Answer 2

如果你有一个源图像（例如）SVG文件，你可以轻松导出坐标。

如果您拥有的只是静态图像，那么最好的办法是使用WYSIWYG编辑器。

例如，使用Dreamweaver CS5，您可以轻松地绘制形状：

我确信会有一些具有此功能的随机免费WYSIWYG编辑器。或者，您可以随时只下载trial version of Dreamweaver CS5以完成此任务。