当前位置: 首页 > 面试题库 >

使用JavaScript,我可以更改SVG的Z索引/图层 元件?

云和同
2023-03-14
问题内容

假设我有几个复合形状(<g>)。我希望能够单击并拖动它们,但是我希望当前碰巧拖动的那个按Z顺序位于另一个的TOP上,因此,如果将其拖动到另一个,则另一个一个人应该黯然失色。


问题答案:

SVG中的Z索引由元素在文档中出现的顺序定义。如果要在顶部显示特定形状,则必须更改元素顺序。



 类似资料:
  • 问题内容: 使用D3库将SVG元素置于z顺序顶部的有效方法是什么? 我的特定情况是一个饼图其中突出(通过添加到)当鼠标在给定的片。生成我的图表的代码块如下: 我已经尝试了几种选择,但到目前为止还没有运气。同时使用和调用均无效。 在我的CSS中,“ top”类的定义如下: 该语句可以确保我知道它正确打开/关闭。它是。 我听说过使用是一个选项,但是我不清楚如何将“ selected”元素置于顶部。 更

  • 问题内容: 我正在尝试使用javascript更改svg图像颜色。这可能吗?我可以将其加载为对象,然后以某种方式访问​​颜色/图像数据。 每一个回应或提示都将受到高度赞赏! 问题答案: 当然,这是一个示例(省略了标准HTML样板):

  • 问题内容: 我已经隔离了IE7 错误的一个小测试用例,但是不知道如何解决它。我整天都在玩。 IE7有什么问题? 测试CSS: 测试HTML: 问题答案: Z索引不是绝对测量。 只要z-index:1000的元素位于 不同的 堆叠上下文中 ,则z-index:1000的元素可能位于z- index:1 的元素之后。 当您指定z-index时,您是相对于同一堆叠上下文中的其他元素指定它的,尽管CSS规

  • 问题内容: 如何使用JS更改视频的来源? 问题答案: 当然,您可以在元素上设置属性: 或使用jQuery代替标准DOM方法:

  • 问题内容: 我用一个pre-pseudo元素创建了一个’header’元素。pseudeo元素必须位于父元素之后。一切正常,直到我给我的“页眉”添加z-index为止。 我想要的是:前景上的黄色“标头”,背景上的红色伪元素以及黄色“标头”元素上的简单z索引30。 您可以在此链接)上测试我的问题,当您在de’header’元素上设置/删除z-index时,您会看到问题。 问题答案: :: befor

  • 我的html文件中有以下svg图像: 现在,我试图改变颜色使用这个css代码: 然而,一切都没有改变。使用css更改svg图像路径颜色的正确方法是什么?谢谢