使用<;帆布>;和javascript

使用<;帆布>;和javascript,javascript,html,Javascript,Html,我一直在努力寻找一个好的资源来为我指明正确的方向,我真的希望有人能在这方面帮助我 我正在开发一个使用phonegap、js和html5的应用程序。这个应用程序的一个组成部分是有一个可以覆盖自由形式涂鸦的图像 我不确定它是否是我应该使用的画布对象,如果是,我该如何实现绘图解决方案。您创建一个画布对象,并将其放置在绝对图像上 可以有透明像素(alpha=1.0),这些像素将显示基础图像 然后你相应地将像素翻转为黑色,等等。你需要监听触摸事件,将它们的坐标转换为坐标,然后使用canvas.getCon

我一直在努力寻找一个好的资源来为我指明正确的方向,我真的希望有人能在这方面帮助我

我正在开发一个使用phonegap、js和html5的应用程序。这个应用程序的一个组成部分是有一个可以覆盖自由形式涂鸦的图像


我不确定它是否是我应该使用的画布对象,如果是,我该如何实现绘图解决方案。

您创建一个画布对象,并将其放置在绝对图像上

可以有透明像素(alpha=1.0),这些像素将显示基础图像

然后你相应地将像素翻转为黑色,等等。你需要监听触摸事件,将它们的坐标转换为坐标,然后使用canvas.getContext()draw操作来操纵在这些坐标中点击的像素


如果您需要进一步的帮助,请针对每个部分提出单独的问题,因为完整的解决方案将是冗长的源代码,超出了简单回答问题的范围。

那么,您只需画一张图片?你可以用画布来做这件事,只要把画布元素放在图像上就行了。在移动设备上,我如何在画布上画画?相同的javascript是否适用于触摸事件?(即mousedown和mouseup?)迟交的答复。。。是的,ontouchstart,ontouchmove,等等。