【问题标题】:Allow SVG graphics to overflow outside the containing svg element允许 SVG 图形溢出到包含的 svg 元素之外
【发布时间】:2023-03-16 20:04:01
【问题描述】:

我正在使用 Raphaël—JavaScript 库创建一些饼图图形,但我想将包含 SVG 元素的溢出设置为可见,以允许内部图形显示在其容器之外。使用普通 dom 元素(溢出:可见;)的方式似乎不适用于 svg 容器。 有没有人有这方面的经验或知道如何补救?

干杯

【问题讨论】:

  • 为什么不直接改变容器的大小来防止剪裁呢?
  • 我试图避免破坏布局,使容器变大并定位它会破坏其余元素的流程。

标签: css svg overflow


【解决方案1】:

这是bug in Firefox

WebKit 为 SVG 元素正确实现了overflow: visible,正如 IE 对 VML 元素一样。

【讨论】:

  • 只是提醒其他人偶然发现这个来自 Google 的旧答案 - overflow: visible 现在在 Firefox 中可以正常工作。
  • 对我不起作用。我使用<div style='width:100%;'> <img src='/svg/gcchart.php' style='height:425px;overflow-x:scroll; direction:rtl;' /> </div>,不知何故这张图片不能溢出。 overflow-x:visible 的结果相同。在 SVG 中,我使用宽度、重量和视图框属性。编辑:用嵌入替换 img 后它可以工作。
猜你喜欢
  • 2016-05-17
  • 2020-08-29
  • 2019-09-02
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-01-29
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多