我正在试图做一个画布,客户可以在其上签名。它运作良好,在Chrome V6: 在Android浏览器的画布上绘制,页面滚动?
而是对Android 1.5的绘图浏览器滚动页面,并绘制什么:
我借用Opera's website代码。 我可以禁用滚动功能吗?我该如何做这项工作?
谢谢!
编辑
使用事件touchstart
,touchmove
和touchend
:
使用手写笔:
在摩托罗拉Milestone:
上三星Galaxy:
EDIT 2 工作whitout用指甲
我正在试图做一个画布,客户可以在其上签名。它运作良好,在Chrome V6: 在Android浏览器的画布上绘制,页面滚动?
而是对Android 1.5的绘图浏览器滚动页面,并绘制什么:
我借用Opera's website代码。 我可以禁用滚动功能吗?我该如何做这项工作?
谢谢!
编辑
使用事件touchstart
,touchmove
和touchend
:
使用手写笔:
在摩托罗拉Milestone:
上三星Galaxy:
EDIT 2 工作whitout用指甲
@Sirber像移动Safari一样,可能会有touchstart和touchend事件,请看看那条街。也许如果你调整视口元标记不会有任何滚动,仍然不会画,但至少它不会滚动。
祝你好运,
马修
你比较出血边缘在开发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中支持的事件有帮助。
我知道了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
我用'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