2010-05-24 2 views
4

Как нарисовать области в изображении, основанные на точках, например, рисовать области на картах Google? Динамически с javascript.
Редакция: Вопрос заключается в том, чтобы разместить изображение карты на странице и нарисовать область на верхней части дома, например.Рисование и рисование областей в изображениях

ответ

1

Используйте canvas element.

+2

Это не будет работать в IE, если вы не используете explorecanvas Google проекта http://code.google.com/p/explorercanvas/. –

+0

@ Ниссан: да, я это помню. Это часть html5, поэтому я думаю, что IE в конечном итоге поддержит ее. –

+0

все решения отличные. я останусь с элементом canvas, так как мой клиент не заботится об IE. Первоначально я искал решение JS, затем я нашел те: http://www.c-point.com/javascript_vector_draw.htm и http://jsdraw2d.jsfiction.com/. – bluefoot

1

Другой вариант - использовать SVG или VML (только IE). Хотя теги на холсте, безусловно, самые легкие.

Я экспериментировал с динамически созданным SVG через javascript некоторое время назад: here's пример использования.

1

В дополнение к решению для JavaScript вы всегда можете использовать PHP для динамического рисования линий. Затем поместите вновь созданное изображение поверх изображения карты.

Вот небольшой учебник: Drawing shapes with GD

Смежные вопросы