【问题标题】:SVG <text /> is getting cut off [duplicate]SVG <text /> 被切断 [重复]
【发布时间】:2017-07-22 13:37:08
【问题描述】:

见小提琴:

https://jsfiddle.net/dgt26upk/

文本没有被&lt;svg /&gt; 元素截断。它似乎是基于实际 &lt;text /&gt; 元素的任意剪切。

有没有办法解决这个问题,也许使用过滤器(剪辑蒙版)并使用&lt;rect /&gt; 而不是&lt;text /&gt; 元素?还是有更简单的方法?

【问题讨论】:

  • 我在 Firefox 中什么也看不到,这是半径为 0 的 feMorphology 元素的正确渲染
  • k 试试 jsfiddle.net/dgt26upk/1 。 0 不是问题。问题是半径的数字很高,但我想通了。
  • 实际上 firefox 没有动画,我猜它处理 ids 的方式不同。试试这个打破jsfiddle.net/dgt26upk/4的例子

标签: svg svg-filters


【解决方案1】:

看来&lt;filter /&gt; 允许您指定xywidthheight

所以,如果我想要一个巨大的膨胀,我必须确保使用负的 x、y 和较大的宽度、高度。

https://jsfiddle.net/dgt26upk/5/

【讨论】:

    猜你喜欢
    • 2014-09-13
    • 2013-07-26
    • 1970-01-01
    • 2017-07-08
    • 2017-08-07
    • 2017-10-30
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多