【问题标题】:svg - hide element when it exit group area, similar to css overflow hiddensvg - 退出组区域时隐藏元素,类似于 css 溢出隐藏
【发布时间】:2012-05-30 13:30:25
【问题描述】:

我需要在画布 (a) 上制作一个盒子,其中包含的外部女巫元素是不可见的。

类似于溢出:隐藏;在 CSS 中。

注意:里面有可拖动的元素。我需要能够拖动它们,但是如果它们退出一个框(例如相机焦点),我需要不显示它们(或者它们的一部分,如果部分在里面,部分在外面),正如我所说的完全一样溢出:隐藏。

注意2:我不能使用其他元素来覆盖盒子周围的区域(请不要让我解释原因,除非绝对必要(我不知道如何简短地说,所以我会添加图片还有很多话):))。

【问题讨论】:

  • 让您的可拖动元素成为 <svg> 元素的子元素并设置溢出:隐藏在其上,还是我遗漏了什么?
  • 我有一个包含多个组的 svg,我需要做一些与您所说的类似的事情,但使用 作为元素而不是 。那里有很多很多的元素,不能把它分成2个svgs......除非......你能在中使用吗?
  • 是的,svg inside svg 是可能的。

标签: svg hidden


【解决方案1】:

让您的可拖动元素成为<svg> 元素的子元素,并在其上设置溢出:隐藏。 <svg> 元素既可以是子元素,也可以是根元素。 <g> 元素不会这样做,因为它没有明确的宽度/高度,并且会扩展到包含的子元素的大小。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 2017-07-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2020-03-02
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多