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

StackOverflow https://stackoverflow.com/questions/226411

  •  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.

Лицензировано под: CC-BY-SA с атрибуция
Не связан с StackOverflow
scroll top