【问题标题】:Performance of mouseover on canvas vs mouse enter on html object鼠标悬停在画布上的性能与鼠标在 html 对象上的输入
【发布时间】:2014-06-16 16:26:05
【问题描述】:

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

【问题讨论】:

  • 使用额外的 html 元素添加一层复杂性可能会降低性能。

标签: javascript html canvas mousemove


【解决方案1】:

如果是少量的物体也没关系 - 只需采取对您更方便的方法即可。

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

以我个人的喜好,在画布上分层以捕捉事件或显示任何东西是一种误解。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2017-08-14
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多