2017-07-06 100 views
0

我試圖將PDF圖轉換爲SVG,所以我可以用Inkscape編輯一些細節。我遇到的問題是,通過某種平滑處理,導入會稍有變化。pdf2svg導致模糊圖像

特別地,這是原始圖:

enter image description here

這是轉換後的數字爲SVG

enter image description here

這是pdf2svg的輸出,這正是如果我直接使用Inkscape,也會得到同樣的結果。

我附加了一個鏈接,您可以在這裏獲得這兩個文件。

https://www.dropbox.com/s/domxcc8pncyouy6/images.tar.gz?dl=0

你知道的解決方法,這個問題?

回答

0

沒有看到SVG,很難說清楚。然而,它看起來像您的PDF/SVG的「熱圖」部分可能是一個低分辨率的位圖,正在頁面中放大。

默認情況下,SVG渲染器將在放大圖像時使用插值。這使得圖像在大尺度上看起來平滑/模糊。

您可以嘗試在您的SVG中查找<image>元素,並將image-rendering="pixelated"屬性添加到<image>標記。某些瀏覽器支持該選項,並將使用最近鄰居縮放方法縮放圖像。

否則,您可能需要從PDF或SVG中提取圖像;以更高的分辨率(例如,4x或8x)重新取樣;然後將其重新插入文件。

  1. 查找SVG文件(<image id="image5" .../>
  2. 提取從DataURI Base64編碼的圖像,然後使用base64解碼器解碼。
  3. 乘使用編輯器,cusch如Photoshop或圖像分辨率的圖像瘸子。
  4. 編碼文件恢復爲Base64
  5. 更新<image>元素與新的Base64。
+0

釷要求答案。如果您想看看,我附上了一個鏈接,您可以從中獲取文件。我嘗試編輯SVG,但似乎沒有解決問題。 – Onturenio

+0

是的。正如我懷疑它是一個低分辨率(65x43)位圖。如果您添加了「圖像渲染」屬性,它可以在Chrome中使用,但不能使用FF(請參閱https://jsfiddle.net/oowz03vy/)。如果你需要它在任何地方工作,那麼AFAIK除了按照我的建議提高分辨率之外,沒有其他方法可以獲得像素化外觀。 –