在Android浏览器的Canvas上绘画，页面滚动？

Question

我正在尝试制作一个供客户签名的画布。 在Chrome v6中可以很好地运行：

但是在Android 1.5上，而不是绘制时，浏览器会滚动页面而不绘制任何内容：

我从Opera网站上借了代码。 我可以禁用滚动或如何使它正常工作吗？

谢谢！

编辑

使用事件touchstart ， touchmove和touchend ：

在LG GW620R上使用手写笔：

在摩托罗拉里程碑上：

在三星银河上：

编辑2使用指甲效果更好

Answer 1

您正在将最新的Chrome浏览器与稳定的1.5年的基于Webkit的并行浏览器版本进行比较...当然，在更新的实验性浏览器中对HTML5的新功能提供了更好的支持：)它在最新的Android版本（例如2.2）中呈现？ iOS怎么样？

在Android版本之间，HTML5浏览器支持之间肯定存在不小的差异（更不用说HTC在SenseUI等中的非标准浏览器版本）。 在Quirksmode上查看WebKit比较表 。

至于视口设置和禁用滚动，Android的Webkit会侦听与iPhone Safari相同的大多数设置，而Apple拥有关于调整设置的相当不错的文档 。

您也可能会发现有关移动Safari中受支持事件的quirksmode帖子很有帮助。

Answer 2

@Sirber可能像移动Safari中一样有touchstart和touchend事件，也可以看看该途径。 也许如果您调整视口元标记，则不会滚动，仍然不会绘制，但至少不会滚动。

祝好运，

马蒂厄

Answer 3

iOS版Canvas确实更好（性能）。 Android浏览器远远落后（不适用于Opera-mini）。

如果您希望看到不同之处，请尝试使用http://webdemo.visionobjects.com/ 。 我只是使用HTML5 canvas元素对手写输入法进行二次平滑。

经过iPad1和Motorola Xoom测试