Выбор нестандартной области изображения в веб-приложении

Question

Этот вопрос для веб-приложения.

И, возможно, это глупый вопрос, но мне было интересно, есть ли способ создать полигон с 4 точками, чтобы пользователь мог сам перетащить каждая точка для создания своей собственной (в качестве примера, скажем, мы хотим удалить окно из изображения, которое не под нормальным углом). Возможно ли это? Я не могу показаться найти что-нибудь после нескольких часов поиска.

Answer 1

Похоже на работу для тега <canvas> или интерфейса Flash.

Answer 2

Посмотрите на API SVG и Canvas. Это позволит вам делать векторные рисунки, которые можно обновлять с помощью Javascript. Для вашей заявленной цели обновление DOM документов SVG может быть проще. Canvas больше похож на 2D-растровое изображение, поэтому вам придется самостоятельно обрабатывать большую часть кода для рисования.

Характеристики SVG: http://www.w3.org/Graphics/SVG/

Характеристики холста: http://www.whatwg.org/specs/web-apps/current-work/

Обратите внимание, что SVG работает только в IE с плагином. Canvas работает только в IE с поддержкой Google exCanvas .