Свободное рисование поверх изображения с использованием <canvas>и JavaScript

Question

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

Я занимаюсь разработкой приложения, которое использует phonegap, jsи HTML5.Одним из компонентов этого приложения является изображение, которое может быть наложено каракулями произвольной формы.

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

Answer 1

Вы создаете и размещаете его абсолютно над изображением.

может иметь прозрачные пиксели (альфа = 1,0), и эти пиксели будут отображать лежащее в основе изображение.

Затем вы переворачиваете пиксели в соответствии со своей писанинойчерный и т. д. Вам необходимо прослушать сенсорные события, преобразовать их координаты в координаты, а затем использовать операцию рисования canvas.getContext () для манипулирования пикселями, попадающими в эти координаты.

Если вам нужна дополнительная помощь, пожалуйста, задавайте отдельные вопросы для каждой части, поскольку полное решение будет длинным исходным кодом и выходит за рамки простого ответа на вопросы.