Как получить элемент с помощью startPosition и endPosition на JavaScript

Question

У меня есть прямоугольник, нарисованный с помощью холста. Я знаю его startPosition(x: 731, y: 13) и endPosition(x: 768, y: 113). Могу ли я получить этот элемент, используя JavaScript?

Здесь у меня есть функция JavaScript document.elementFromPoint(x, y), но она не служит моей цели, потому что не принимает start и конечная позиция.

Кто-нибудь может дать мне представление о том, как я могу получить свой прямоугольный элемент HTML?

Answer 1

Вы не можете «получить» элементы с холста, как с элементами dom, поскольку они на самом деле не являются элементами. На холсте хранятся только пиксельные данные, а не отдельные объекты, составляющие изображение (например, линии и прямоугольники). Источник .

Если вы настроены на использование холста, типичным методом является очистка обновляемых частей и повторная отрисовка всего, что изменяется. Вы можете сохранить «элементы» холста как серию точек, на которые вы ссылаетесь при перерисовке

Answer 2

Кто-нибудь может дать мне представление о том, как я могу получить свой прямоугольный элемент HTML?

Вы не можете, потому что это не элемент в первую очередь. Рисование на холсте не создает никаких элементов, а просто изменяет пиксели в буфере холста.

Если вы хотите рисовать фигуры, используя JavaScript, которые вы можете позже изменить, я бы предложил использовать DOM с SVG .