【问题标题】:Multiple HTML5 canvas overlaying多个 HTML5 画布覆盖
【发布时间】:2012-07-23 00:45:05
【问题描述】:

是否可以通过事件传播创建一些透明的 HTML5 画布堆栈?

例如,我有一个背景画布,上面绘制了图像,并带有一些附加的点击处理程序。之后,我想在背景画布上添加另一个尺寸完全相同的画布,它也有透明区域。问题是,如果我在顶层点击它,背景画布的点击处理程序会被触发吗?

【问题讨论】:

    标签: html canvas html5-canvas


    【解决方案1】:

    如果我在顶层点击背景画布的点击处理程序会被触发吗?

    不,它不会。画布阻止来自其背后事物的事件。

    通常您有两种选择:将事件放在每个画布上,并建立一个系统,如果第一个画布上没有任何事情发生,则让它们“通过”,或者仅将事件放在最上面的画布上并使用这些事件来执行有关的操作所有画布。

    我建议第二种方法。仅将所有事件保留在最顶层的画布上。

    【讨论】:

    • 第二种方法不符合项目要求。那么,如您在第一种方法中所述,如何实现“失败”?
    猜你喜欢
    • 1970-01-01
    • 2016-06-22
    • 2014-03-13
    • 2011-10-08
    • 2013-01-27
    • 1970-01-01
    • 2016-04-29
    • 1970-01-01
    • 2016-01-27
    相关资源
    最近更新 更多