как я могу получить координаты изображения

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

Если у вас было исходное изображение, которое было (например) SVG-файлом, вы могли бы легко экспортировать координаты.

Если все, что у вас есть, - это статическое изображение, то лучше всего использоватьРедактор WYSIWYG.

Например, с помощью Dreamweaver CS5 вы можете легко нарисовать фигуры:

Я уверен, что будет некоторый случайный свободный WYSIWYGредактор, который имеет эту функциональность.Кроме того, вы всегда можете просто загрузить пробную версию Dreamweaver CS5 исключительно для выполнения этой задачи.

Answer 2

Может быть целесообразно просто скопировать всю эту страницу и изменить то, что вы хотите изменить, вместо того, чтобы начинать с нуля. Очевидно, что в приведенном вами рабочем примере уже есть все шнуры, и поэтому вам не нужно их делать снова. Просто скопируйте рабочую страницу и измените ее в соответствии с вашими потребностями.