使用<canvas>和javascript

对图像进行的任意形状绘图我一直在试图找到一个很好的资源来指向正确的方向，我真的很想在这方面帮助我。使用<canvas>和javascript

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

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

2011-12-24 Zafissa

那么，你只是画一个图像？您可以使用画布来做到这一点，只需将画布元素放在图像上即可。 – 2011-12-24 19:32:43

在移动设备上，我该如何在画布上绘画？相同的JavaScript是否适用于触摸事件？（即mousedown和mouseup？） – Zafissa 2011-12-24 23:30:33

最新回复...是的，ontouchstart，ontouchmove等 – 2011-12-25 15:17:50

您创建并将其绝对定位在图像上。

可以有透明像素（alpha = 1.0），这些像素将显示底层图像。

然后，您将相应的像素翻转为黑色等。您需要侦听触摸事件，将其坐标转换为坐标，然后使用canvas.getContext（）绘制操作来操纵在这些坐标中的像素点。

如果您需要进一步的帮助，请针对每个零件提出个别问题，因为完整的解决方案将会是长期的源代码，并且不在回答问题的范围内。

2011-12-25 08:42:35

回答