javascript - 鼠标悬停在 Canvas 上与鼠标在 html 对象上输入的性能

标签 javascript html canvas mousemove

我在 Canvas 上画了一个圆圈。目前我使用 canvas.mousemove 来确定鼠标是否在圆圈内。在 Canvas 上放置一个圆形 html 对象并使用该 html 元素的鼠标进入和离开事件,性能会更好吗?我认为是这样,因为鼠标移动触发的频率更高。

最佳答案

如果对象数量较少,没关系 - 只需采用对您来说更方便的方法即可。

对于数千个要检查的对象 - 纯基于 Canvas 的方法应该更快、更具可读性并且占用更少的内存。

以我个人的品味,将任何内容分层在 Canvas 上以捕获事件或显示任何内容是一种误解。

关于javascript - 鼠标悬停在 Canvas 上与鼠标在 html 对象上输入的性能,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24248207/

相关文章:

javascript - javascript 中的 Canvas 、移动对象、clearRect

javascript - 更改 Highcharts 系列颜色

javascript - 在 javascript 中使用 window.open 时阻止弹出窗口

javascript - JQuery Mobile 与 Knockout 结合使用

css - 移除响应式网站 HTML

html - 左边框在移动浏览器上消失

HTML5 Canvas 填充文本边距

html - context.getImageData() 操作不安全

javascript - 跳转到 Bootstrap 轮播上的最后一张幻灯片

javascript - 将服务器(c#/Razor)值传递到 AngularJS 应用程序的最佳方法