在Android瀏覽器的畫布上繪製，頁面滾動？

我正在試圖做一個畫布，客戶可以在其上簽名。它運作良好，在Chrome V6： alt text 在Android瀏覽器的畫布上繪製，頁面滾動？

而是對Android 1.5的繪圖瀏覽器滾動頁面，並繪製什麼： alt text

我借用Opera's website代碼。我可以禁用滾動功能嗎？我該如何做這項工作？

謝謝！

編輯

使用事件touchstart，touchmove和touchend：

在LG GW620R

使用手寫筆： alt text

在摩托羅拉Milestone： alt text

上三星Galaxy： alt text

EDIT 2 工作whitout用指甲

來源

2010-08-25 Sirber

@Sirber像移動Safari一樣，可能會有touchstart和touchend事件，請看看那條街。也許如果你調整視口元標記不會有任何滾動，仍然不會畫，但至少它不會滾動。

祝你好運，

馬修

來源

2010-08-25 15:12:39 mathieuc

我用'this.touchstart = function（ev）{tool.mousedown（ev）; }'，'this.touchmove = function（ev）{tool.mousemove（ev）; }'和'this.touchend = function（ev）{tool.mouseup（ev）; }'，它很慢，但它的工作原理！ – Sirber 2010-08-25 15:20:42

http://mobilegeo.wordpress.com/2010/01/05/testing-open-layers-with-iphone-and-android/ – Sirber 2010-08-25 15:23:27

太棒了！就優化而言，你可以嘗試忽略一些touchmove事件，因爲我相信它們一定會被無情地解僱並使你的腳本生氣。像3合1應該這樣做。 – mathieuc 2010-08-25 15:40:05

你比較出血邊緣在開發Chrome版本爲穩定1.5年舊版本並行基於Webkit的瀏覽器更好。 ..當然在更新的實驗性瀏覽器中對新的HTML5功能有更好的支持:)它在最近的Android版本（例如2.2）中如何呈現？ iOS如何？

Android版本中的HTML5瀏覽器支持（更不用說在SenseUI中使用HTC的非標準瀏覽器版本等）之間確實存在着不小的差異。查看位於Quirksmode的WebKit comparison chart。

就視口設置和禁用滾動而言，Android的Webkit會偵聽iPhone Safari所執行的大部分相同設置，並且Apple可以使用這些設置來調整該設置。

您也可能會發現this quirksmode post有關在移動Safari中支持的事件有幫助。

來源

2010-08-25 14:49:29

我知道了Android 1.5是舊的，但它是我們目前在生產中使用的操作系統版本。它在Android 2.1上也是如此。我會看看你發佈的鏈接，bbl。 – Sirber 2010-08-25 15:02:13

帆布與iOS真是再好不過了（演出）。 Android瀏覽器遠遠落後（不適用於Opera Mini）。

如果你想看到區別，只需嘗試http://webdemo.visionobjects.com/。我只是用HTML5 canvas元素對手寫輸入法進行二次平滑處理。

與IPAD1 &測試的摩托羅拉XOOM

來源

2011-07-22 12:32:13 mruellan

在Android瀏覽器的畫布上繪製，頁面滾動？

回答

相關問題