javascript - p5.j​​s 拖拽对象不兼容 IE EDGE 浏览器

Question

问题的图像

你好，

我正在使用 p5.JS (0.10.2/p5.js) 并且在拖动形状时遇到 IE 和 Edge (Microsoft Edge 44.17763.831.0) 浏览器问题（在 chrome 上工作正常）。即使我在 Edge 上使用官方 p5.JS，它有时也会拖动整个页面（如附图所示）。这是 p5 编辑器中代码示例的链接： https ://p5js.org/examples/input-mouse-functions.html

我尝试了一些 Polyfills，但没有成功。出于某种原因，当我在拖动形状之前用鼠标单击画布时 - 它工作得很好。

提前致谢！

标签： javascriptinternet-explorer-11microsoft-edgep5.jspolyfills

Answer 1

我尝试使用 Microsoft Edge 44.18362.1.0 和 Internet Explorer 11 测试您的示例代码。

这是我使用 MS Edge 浏览器得到的结果。

我还看到了有时拖动整个页面的行为。

在 IE 11 浏览器中，代码不起作用。

如果我们参考文档，我们可以看到“IE 不支持画布混合模式”。这就是它在 IE 浏览器中不起作用的原因。

参考：

P5.JS 支持的浏览器

对于 MS Edge 浏览器，我同意您的观点，即我们需要在拖动形状之前单击画布。由于我们无法通过 MS Edge 浏览器或修改代码来解决此问题，我建议您通过在其 GitHub 页面上创建新问题来向 P5.JS 提供反馈。这里。为 P5.JS 创建新问题