文章/答案/技术大牛

发布

问可见性对svg g标记无效
EN

Stack Overflow用户

提问于 2013-12-02 20:54:17

回答 2查看 16.8K关注 0票数 1

我在应用程序中使用svg，并使用g标记对所有元素进行分组。第一个g标签包含多个g标签，所有g标签都有自己不同的可见性样式。如果我将visibility设置为隐藏父g标记，则会影响其他g标记元素。我需要通过设置父元素的可见性来隐藏所有的g标记元素，但是子元素的可见性样式不应该改变。

这里是示例svg

<svg height: "200" width="200">
    <g style="visibility:hidden">
        <g style="visibility:visible">
            <circle cx="100" cy="100" fill="green" r="15" />
        </g>
    </g>
</svg>

这是working Sample.

如何在不更改子元素可见性的情况下设置父g标记的可见性？

javascript

css

svg

回答 2

Stack Overflow用户

发布于 2013-12-02 20:57:48

尝试使用opacity:0而不是visibility:hidden。

此外，您还应该查看这个示例http://svg-whiz.com/svg/HideShow.svg

票数 11

Stack Overflow用户

发布于 2013-12-03 00:08:24

正如其他人所说，很难完全理解你所追求的是什么。

我已经删除了这个答案，因为它感觉我错过了你的观点，但虽然它仍然可以帮助http://jsfiddle.net/rnZss/5/，但它仍然会显示矩形，但隐藏圆圈，所以我暂时保留了答案。你还想发生什么？

<svg height:"200" width="200">
    <g style="visibility:hidden">
        <g style="visibility:hidden">
            <circle style="visibility: hidden"cx="100" cy="100" fill="green" r="15"/>
            <rect style="visibility: visible" x="50" y="50" width="50" height="50"/>
        </g>
    </g>

</svg>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/20328871

复制

相似问题

问可见性对svg g标记无效
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可见性对svg g标记无效EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问可见性对svg g标记无效
EN