2010-08-25 99 views
2

我正在试图做一个画布,客户可以在其上签名。它运作良好,在Chrome V6: alt text在Android浏览器的画布上绘制,页面滚动?

而是对Android 1.5的绘图浏览器滚动页面,并绘制什么: alt text

我借用Opera's website代码。 我可以禁用滚动功能吗?我该如何做这项工作?

谢谢!

编辑

使用事件touchstarttouchmovetouchend

在LG GW620R

使用手写笔: alt text

在摩托罗拉Milestone: alt text

上三星Galaxy: alt text

EDIT 2 工作whitout用指甲

回答

2

@Sirber像移动Safari一样,可能会有touchstart和touchend事件,请看看那条街。也许如果你调整视口元标记不会有任何滚动,仍然不会画,但至少它不会滚动。

祝你好运,

马修

+0

我用'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

+0

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

+0

太棒了!就优化而言,你可以尝试忽略一些touchmove事件,因为我相信它们一定会被无情地解雇并使你的脚本生气。像3合1应该这样做。 – mathieuc 2010-08-25 15:40:05

2

你比较出血边缘在开发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中支持的事件有帮助。

+0

我知道了Android 1.5是旧的,但它是我们目前在生产中使用的操作系统版本。它在Android 2.1上也是如此。我会看看你发布的链接,bbl。 – Sirber 2010-08-25 15:02:13

0

帆布与iOS真是再好不过了(演出)。 Android浏览器远远落后(不适用于Opera Mini)。

如果你想看到区别,只需尝试http://webdemo.visionobjects.com/。 我只是用HTML5 canvas元素对手写输入法进行二次平滑处理。

与IPAD1 &测试的摩托罗拉XOOM