從illustrator透明度問題svg

問題我已經看到了所有的網絡..在Adobe Illustrator CS5中有一個很酷的作品，我想製作一個SVG並最終實現與raphael.js（塗料！）從illustrator透明度問題svg

某些圖層是透明圖像，導出時會失去透明度。該文件使用save for web，svg從Illustrator中導出。

下面是概念的一個簡單證明，SVG透明度不工作... http://cl.ly/1R172R2L3d3L0W1k3P28

截圖文件在Illustrator中的瀏覽器 http://cl.ly/2c3k0I421Y2V0p080G2l

的SVG截圖 http://cl.ly/0M3x1C1v0f1W1y0t2E1g

幫幫我！

來源

2011-06-16 technopeasant

我想應該是透明的部分，如屏幕或乘法對他們的圖層效果，並沒有這樣的事情在svg。儘量避免效果，而是將透明度應用於對象。

來源

2011-07-07 22:09:22

這是從理想的FAR，可能只是爲我的特定情況，但你可以做到這一點作爲最後的手段。我嘗試使用'save as SVG 1.1'從illustrator中導出圖像，然後我所有的透明度都被搞亂了，不再像PNG輸出那樣。它似乎將不透明屬性設置爲0.7，但它應該在0.2左右。所以我添加了一個css規則（因爲這是在HTML頁面中）作爲路徑[opacity = 0.7] {opacity：0.2;}，現在看起來不錯。無論如何，只是我的2美分。 – fullstacklife 2014-03-01 22:28:49

一些嘗試：

菜單/對象/拼合透明度

獨立做這個透明圖像元素。
如果需要，可以在其他透明元素上獨立執行此操作。
選擇您的設置。
檢查_Preserve Alpha透明度。

要考慮的事情：當你說某些層是透明的圖像，你的意思是TIF，JPG，即不是矢量？如果是這樣，這些圖像的特定設置可能會導致導出問題。另外，根據您對上述SVG的計劃，這些相同的設置可能會影響後續的擴展。我提出這個問題是因爲你發佈的概念證明是基於矢量的，聽起來像你的設計是混合的。我可能只是困惑，我經常是。另外，不錯的標識！

來源

2011-07-07 00:39:55 Mike

-1

你必須遵循以下步驟：

一號通編輯圖像，脫下它的背景，像 PAINT.NET或能完成工作的任何其他的編輯器。
第二 - 將其保存爲.png擴展名。
3rd-轉到所保存的PNG文件（無背景），用inkscape打開它！

現在，您應該在inkscape上沒有透明度圖像...只需將其保存（或進一步編輯並保存）到svg，它就可以工作！

來源

2013-08-30 14:56:20

這會將圖像轉變爲具有模糊/像素化作物而不是免費項目的位圖。糟糕的想法，對不起。 – 2015-05-18 12:33:57

從illustrator透明度問題svg

回答

相關問題