在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測試