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

Question

我有一个带有签名字段的网站，用户需要在其中绘制他的签名。在 Google Chrome、Firefox Mobile 和 Safari Mobile（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 浏览器的行为。