svg来自插画家透明度问题

Question

问题我在网上看到过..在Adobe Illustrator CS5中有一个很酷的篇幅，我想把它变成一个svg并最终用raphael.js实现（dope！）

某些图层是透明图像，导出时会失去透明度。该文件使用save for web，svg从Illustrator导出。

以下是svg透明度工作的概念的简单证明...... http://cl.ly/1R172R2L3d3L0W1k3P28

Illustrator中文件的屏幕截图 http://cl.ly/2c3k0I421Y2V0p080G2l

浏览器中SVG的屏幕截图 http://cl.ly/0M3x1C1v0f1W1y0t2E1g

帮助！

Answer 1

要尝试的东西：

菜单/对象/拼合透明度

• 在透明图像元素上单独执行此操作。
• 如果需要，可以在其他透明元素上单独执行此操作。
• 选择您的设置。
• 检查_Preserve Alpha Transparency。

要考虑的事情： 当你说某些图层是透明图像时，你的意思是tif，jpg，即不是矢量？如果是这样，那些特定设置的图像可能会导致导出问题。此外，根据您对SVG的计划，这些相同的设置可能会影响它们以后的扩展方式。我提出这个问题是因为你发布的概念验证是基于矢量的，听起来你的设计很复杂。我可能只是感到困惑，我经常这样。还有，很好的标识！

Answer 2

我认为应该透明的部分对它们有层效果，如屏幕或乘法，并且svg中没有这样的东西。尽量避免使用效果，而是将透明度应用于对象。

Answer 3

您必须按照以下步骤操作：

1. 1st-编辑图像并使用编辑器取消它的背景 PAINT.NET或任何其他可以完成工作的人。
2. 2nd-将其保存在.png扩展名中。
3. 3rd-转到保存的png文件（没有背景）的位置和 用inkscape打开它！

现在你应该在inkscape上有一个没有透明度的图像...只需保存（或进一步编辑并保存）到svg，它就可以了！