2017-03-02 58 views
0

見琴:SVG <text />是越來越切斷

https://jsfiddle.net/dgt26upk/

文本不是由<svg />元素切斷。它似乎是根據實際<text />元素的任意裁減。

有沒有辦法解決這個問題,或許使用過濾器(clip mask)並使用<rect />而不是<text />元素?還是有更簡單的方法?

+0

我什麼也看不到在Firefox在所有這是與0 –

+0

K A半徑的feMorphology元素正確的渲染嘗試https://jsfiddle.net/dgt26upk/1/。 0不是問題。問題是半徑很大的數字,但我知道了。 – Funkodebat

+0

其實firefox不是動畫,我猜它處理'ids'的方式不同。試試這個例子,它打破https://jsfiddle.net/dgt26upk/4/ – Funkodebat

回答

0

看來,<filter />允許你指定xywidthheight。所以,如果我想要一個巨大的擴張,我必須確保使用一個負的x,y和一個大的寬度,高度。

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