【问题标题】:creating a Grid layer on SVG canvas在 SVG 画布上创建网格层
【发布时间】:2010-09-28 04:31:17
【问题描述】:

全部,

我们真的可以从 SVG 专家那里得到一些建议。

我们有什么: 有一个 SVG 画布,我们在其上映射了坐标(光标的 X 和 Y 轴位置)。当用户在 SVG 画布上移动光标时,坐标会实时显示在网页的左上角。

我们想要什么: 我们想在 SVG 画布层(鼠标坐标映射在其上)的顶部添加一个网格层,以便网格层始终保持在顶部,无论用户对基础层做什么。即使网格层现在位于顶部,我们也希望坐标继续显示。

问题是什么: 当我们在现有图层之上添加 SVG 网格图层时,鼠标坐标停止工作(可以理解,因为它们基于现在被网格图层隐藏的 SVG 图层)。 此外,由于用户将与基础层进行交互(他们只能显示/隐藏网格层),我们希望他们继续做我们希望他们对基础层做的所有事情,尽管顶部有网格。

简单地说:我们希望 SVG 画布上具有 Photoshop 网格类型的功能。

任何建议都会很有帮助。

【问题讨论】:

    标签: grid svg layer


    【解决方案1】:

    听起来您想将pointer-events="none" 添加到网格层。这将使鼠标事件通过网格层,即使它在顶部,即使它不透明。详情请见here

    【讨论】:

    • 谢谢埃里克。我们正在调查此事。干杯
    猜你喜欢
    • 2011-06-06
    • 2012-05-25
    • 2023-03-16
    • 2022-01-10
    • 2015-03-09
    • 2016-02-25
    • 2013-06-19
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多