来自 illustrator 的 svg 透明度问题
我在网络上看到过这个问题.. Adobe Illustrator CS5 中有一个很酷的作品，我想将其制作成 svg 并最终使用 raphael.js 实现（太棒了！）
有些图层是透明图像，它们是出口时失去透明度。该文件是使用“另存为 web”、svg 从 Illustrator 导出的。
下面是一个简单的概念证明，证明 svg 透明度确实有效...... http://cl.ly/1R172R2L3d3L0W1k3P28
Illustrator 中的文件屏幕截图 http://cl.ly/2c3k0I421Y2V0p080G2l
浏览器中 SVG 的屏幕截图 http://cl.ly/0M3x1C1v0f1W1y0t2E1g
救命！
issue i've seen all over the web.. have a cool piece in Adobe Illustrator CS5 that i'd like to make into an svg and ultimately implement with raphael.js (dope!)
some of the layers are transparent images, which are losing their transparency when exported. The file is exported from Illustrator using save for web, svg.
Below is a simple proof of concept that svg transparency DOES work...
http://cl.ly/1R172R2L3d3L0W1k3P28
Screenshot of the file in Illustrator
http://cl.ly/2c3k0I421Y2V0p080G2l
screenshot of the SVG in the browser
http://cl.ly/0M3x1C1v0f1W1y0t2E1g
Help!
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（3）
可以尝试的方法：
菜单/对象/展平透明度
需要考虑的事情：
当你说某些图层是透明图像时，你的意思是tif、jpg，即不是矢量？如果是这样，这些图像特定设置可能会导致导出问题。另外，根据您对 SVG 的计划，这些相同的设置可能会影响它们以后的缩放方式。我提出这个问题是因为您发布的概念证明是基于矢量的，听起来您的设计是混合的。我可能只是感到困惑，我经常如此。另外，漂亮的标志！
Something to try:
Menu / Object / Flatten Transparency
Something to consider:
When you say some of the layers are transparent images you mean tif, jpg, i.e. not vector? If so, those images specific settings could be causing issues on export. Also depending on your plans for said SVG, those same settings could affect how they scale later. I bring this up because the proof of concept you posted was vector based and it sounds like your design is mixed. I may just be confused, I often am. Also, nice logotype!
我猜应该是透明的部分有图层效果，比如屏幕或乘法，而 svg 中没有这样的东西。尝试避免效果，而是对对象应用透明度。
I guess the parts that should be transparent have layer effects on them like screen or multiply, and there are no such things in svg. Try to avoid the effects and instead apply transparency to the objects.
您必须遵循以下步骤：
PAINT.NET 或任何其他可以完成工作的工具。
用inkscape打开它！
现在您应该在 inkscape 上有一个不透明的图像...只需将其保存（或进一步编辑并保存）到 svg 即可运行！
You have to follow these steps:
PAINT.NET or any other that can get the work done.
open it with inkscape!
Now you should have a no transparency image on inkscape... just save it (or further edit it and save it) to svg and it works!