Android手机上的HTML5 Canvas - 重绘和突出问题

时间:2010-12-08 16:09:29

标签: javascript android html5 canvas

我有一个重绘问题,当你滚动画布时,在你松开触摸之前不会重绘。问题在于我依靠“ontouchmove”来移动我的角色。因此,在触摸释放之前,画布不会重绘。

另一个问题是,当触摸画布时,它是焦点或激活的。它围绕它开发了一个聚焦环。我尝试将:focus和:active伪的边框和轮廓设置为空。我也看到了画布上下文的“drawFocusRing”,但似乎没有解决问题。

目前我在Android股票浏览器2.2(MyTouch 3G)

上进行了测试

2 个答案:

答案 0 :(得分:2)

我相信橙色焦点环与您用来查看画布的WebView有关吗?我知道我在画布上画了一个类似的问题。

myWebView.setFocusable(false)
myWebView.setFocusableInTouchMode(false)

应解决焦点问题。

答案 1 :(得分:1)

我并不特别了解Android,但在移动版Safari中,您可以使用event.preventDefault()方法阻止滚动。如果您的应用程序需要滚动,则可能实现您自己的滚动机制,同时仍然阻止默认行为,可能通过将触摸事件与CSS定位组合在页面包装器div上?