使用<canvas>和javascript </canvas>在图像上自由绘制图形

时间:2011-12-24 19:19:32

标签: javascript html5

我一直在努力找到一个很好的资源来指出我正确的方向,我真的希望有人在这方面帮助我。

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

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

1 个答案:

答案 0 :(得分:0)

您创建一个并将其置于图像上的绝对位置。

可以有透明像素(alpha = 1.0),这些像素将显示底层图像。

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

如果您需要进一步的帮助,请询问每个部分的个别问题,因为完整的解决方案将是冗长的源代码,并且不在简单回答问题的范围内。