在Android的浏览器中绘制画布，页面滚动？

Question

我正在尝试制作一个画布，客户可以在其中签名。它适用于Chrome v6：

但是在Android 1.5而不是绘制浏览器时滚动页面并且什么都不绘制：

我借用Opera's website的代码。 我可以禁用滚动或如何使其工作？

谢谢！

修改

使用事件touchstart，touchmove和touchend：

使用手写笔在LG GW620R上

：

在摩托罗拉里程碑上：

三星Galaxy上的

：

编辑2 使用指甲更好地完成白色

Answer 1

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

Android版本中HTML5浏览器支持之间肯定存在重大差异（更不用说在SenseUI中HTC的非标准浏览器版本等）。查看Quirksmode的WebKit comparison chart。

就视口设置和禁用滚动而言，Android的Webkit会监听iPhone Safari所做的大多数相同设置，并且Apple可以使用相当于good documentation的设置进行调整。

您还可以在移动版Safari中找到有关受支持事件的this quirksmode post。

Answer 2

@Sirber可能会有类似移动Safari的touchstart和touchend事件，也可以查看该途径。也许如果您调整视口元标记将不会有任何滚动，仍然不会绘制，但至少它不会滚动。

祝你好运，

马修

Answer 3

使用iOS的Canvas真的更好（性能）。 Android浏览器远远落后（不适用于opera-mini）。

如果您想看到差异，请尝试使用http://webdemo.visionobjects.com/。 我只是使用HTML5 canvas-element对手写输入法进行二次平滑。

使用iPad1和iPad测试摩托罗拉Xoom