Выбор нестандартной области изображения в веб-приложении
-
03-07-2019 - |
Вопрос
Этот вопрос относится к веб-приложению.
И, возможно, это глупый вопрос, но мне было интересно, есть ли способ создать полигон с 4 точками, чтобы пользователь мог сам перетащить каждая точка для создания своей собственной (в качестве примера, скажем, мы хотим удалить окно из изображения, которое не под нормальным углом). Возможно ли это? Я не могу показаться найти что-нибудь после нескольких часов поиска.
Решение
Посмотрите на API SVG и Canvas. Это позволит вам делать векторные рисунки, которые можно обновлять с помощью Javascript. Для вашей заявленной цели обновление DOM документов SVG может быть проще. Canvas больше похож на 2D-растровое изображение, поэтому вам придется самостоятельно разрабатывать большую часть кода для рисования.
Спецификации SVG: http://www.w3.org/Graphics/SVG/ р>
Характеристики холста: http://www.whatwg.org/specs / веб-приложения / текущие работы /
Обратите внимание, что SVG работает только в IE с плагином. Canvas работает только в IE при поддержке Google exCanvas . Р>
Другие советы
Похоже на работу для тега <canvas>
или интерфейса Flash.