Android Chrome 上的 HTML 画布不滚动窗口

Posted

技术标签:

【中文标题】Android Chrome 上的 HTML 画布不滚动窗口【英文标题】:HTML canvas not scrolling window on Android Chrome 【发布时间】:2017-12-18 00:13:36 【问题描述】:

我有一个问题,试图在触摸移动画布时滚动窗口。这仅适用于 android Chrome,适用于 ios Chrome 和默认移动网络浏览器。

我不知道问题出在哪里,因为第 3 方客户端将画布应用于表面,我无法修改该代码。

有什么建议吗? 定义一个自己的滚动功能就是其中之一。

【问题讨论】:

【参考方案1】:

我找到了原因,不再需要答案。 画布具有样式属性touch-action: none

【讨论】:

以上是关于Android Chrome 上的 HTML 画布不滚动窗口的主要内容,如果未能解决你的问题,请参考以下文章

如何优化画布上的动画? HTML 5

chrome 更新到 76+ 后 Android webview 无法绘制画布

Chrome 上的画布指纹识别

画布上的 CORS 在 Chrome 和 Safari 上不起作用

将 HTML 5 画布保存到 Chrome 中的文件?

使用 CORS 通过画布的 HTML5 视频截图