从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

回答

相关问题