2017-03-02 7 views
0

を遮断なっているフィドルを参照してください:SVG <text />は

https://jsfiddle.net/dgt26upk/

テキストが<svg />要素によって遮断されていません。これは実際の<text />要素に基づく任意のカットであるようです。

おそらくフィルター(クリップマスク)を使用し、<text />ではなく<rect />を使用してこれを修正する方法はありますか?それとも簡単な方法がありますか?

+0

私はhttps://jsfiddle.net/dgt26upk/1/ 0 –

+0

K試みの半径feMorphology要素の正しいレンダリングで全くFirefoxで何も表示されません。 0は問題ではありません。問題は半径が非常に大きいですが、私はそれを理解しました。 – Funkodebat

+0

実際には、Firefoxはアニメーション化されていませんでした。私は 'ids'を別の方法で処理すると思います。 https://jsfiddle.net/dgt26upk/4/を壊す例を試してみてください – Funkodebat

答えて

0

<filter />はあなたがxywidthheightを指定することができますことが表示されます。

巨大な拡張が必要な​​場合は、負のx、y、大きな幅、高さを使用する必要があります。

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

関連する問題