在画布上绘制HTML-Element在Android WebView中显示：始终绘制从底部到触摸的线条

Question

我有一个带有签名字段的网站，用户需要在其中绘制他的签名。 在谷歌浏览器，Firefox手机和Safari手机上 - iPhone和iPod Touch - 看起来应该是：

但是在内置的Android浏览器中，我需要为我们的应用程序构建自定义WebView，它看起来像：

网站上的守则是：

<canvas height="120" width="410"></canvas>   
<input ...

我认为关注webview存在问题，但是

webView.setFocusable(true);
webView.setFocusableInTouchMode(true);
webView.requestFocus(View.FOCUS_DOWN);

没有解决这个问题。

您是否经历过此类行为并知道解决方案？ 谢谢你的帮助。

Answer 1

我通过用客户端的签名板更改网站和javascript代码解决了这个问题。 使用新版https://github.com/thomasjbradley/signature-pad后，Android WebView和内置Android浏览器的行为已得到修复。