Проверка, перекрывает ли точка символ на холсте

Question

У меня есть холст, на котором мне нужно нарисовать текст в javascript, а затем проверить, перекрывают ли данные точки текст.

Мне интересно, возможно ли это с помощью canvas (context.fillText (...)), а затем какого-нибудь теста (if (overlap (textobject, {x: 12, y: 10 {})) или Мне нужно будет нарисовать символы в SVG, чтобы у меня были координаты, и я могу оттуда их отсортировать?

Я уверен, что есть библиотеки, которые начали появляться для такого рода вещей, но у меня проблемы с моими навыками Google сегодня.

Answer 1

Я мог бы придумать пару способов обойти это, если вам не нужен текст для рисования на холст для некоторого типа манипулирования пикселями ...

Один из способов - поместить текст поверх элемента canvas (position: absolute;), а затем протестировать событие hover с помощью jQuery. Другой способ - создать рамку вокруг текста в элементе canvas, а затем определить, когда мышь находится в этих границах.

Если вы ищете самый точный тест, svg будет подходящим вариантом.

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

Answer 2

Обновление: будучи открытым веб-фанатом и OOMG HTML5, я полностью проигнорировал Flash.Оказывается, это лучшее средство для того, что я пытаюсь сделать.А так как ActionScript и JS очень похожи, логика была заданием на копирование.

---

Спасибо огромное за ответы, это оказалось огромным вопросом, поэтому я нарисовал своих персонажей в Illustrator, включилсетка, создала массив, где сетка пересекла символ, а где нет, а затем превратила его в массив JS.Я опубликую ссылку, как только она будет закончена.