Inkscape SVG小小相容性問題

從三年前開始，我就開始以Inkscape繪製SVG圖檔，會採用SVG的主要原因是因為我需要畫的圖大多是簡單的方塊或流程圖，在不想動用肥大的office軟體的情況下，SVG變成我的最佳選擇。另一個優點是它的檔案相當小，當然是因為我的圖案多是方塊與文字。

然而，當我把這些SVG上傳到Mediawiki的時候，問題發生了，有的圖檔會rsvg被render出一些黑色的區域，有些圖檔呈現的是方塊，有些則是不規則的黑色區塊。經過一番的研究，終於解決了這個問題。

其實實際的問題原因與現象有二：

一是黑色方塊的問題，其實是肇因於Inkscape支援的一個非標準語法。更精確的來說，就是它支援了所謂的flowed text，一個曾經進到draft，但後來卻在正式標準1.2版中被改掉的一項功能。關於Flowed text的說明，在Inkscape的FAQ網頁有提到。

Flowed text的產生是因為在Inkscape中輸入文字之前，先用游標畫一個框。如果想要單純的text，正確的做法應該是直接以游標點擊一個點，就可以開始輸入文字 。解決的方法使以Inkscape打開檔案，選擇flowed text物件，在Text選單下選"Convert to Text"即可將它改成text，當然也可以直接刪除它再重新輸入。另一個解決的方法可以在找不到flowed text的時候採用（例如flowed text方框內沒有文字，或是夾雜在許多物件之間找不到），很簡單，以vim將flowRoot的部分改掉或刪除即可。

第二個問題的肇因並沒有完全確認，但應該不是Inkscape的問題，問題是出在rsvg。通常出現在圖形較複雜，背景有大片透明的時候。這樣的檔案在IE/Firefox/Chrome上面都是正常的，所以現在傾向懷疑rsvg。但是也有解決方式，就是畫一個大塊矩形當背景即可。