Question

我刚安装了Grunt和grunt-svgstore并使用它将我的SVG文件夹编译成一个application.svg，其中每个图标都有一个我可以使用的唯一ID：

它适用于某些图标，但对于其他图标，它们的部分形状变黑。对于我链接到上面的ruby徽标，它显示为：http://cl.ly/image/0X2J0f3i0C1X/Screen%20Shot%202014-08-03%20at%2011.02.47.png

实际的SVG文件可以在这里找到：http://cl.ly/2k012T020d2S/ruby-logo.svg

如果我在Illustrator中打开ruby-logo.svg文件，它看起来很好。我已经报告了它，确保所有设置都正确并且仍然会发生。

有什么建议吗？

谢谢，尼尔

Answer 1

通过将以下样式添加到文档顶部的application.svg导入来解决：

width: 0;
height: 0;
visibility: hidden;

Answer 2

请改用“样式”选项..

例如：

svgstore: {
  options: {
    prefix : 'icon-', // This will prefix each ID
    svg: {
      viewBox : '0 0 100 100',
      xmlns: 'http://www.w3.org/2000/svg',
      style: 'display:none;' // This line might help you!
    },
    cleanup: ['fill','stroke']
  },
  default: {
    files: {
      '<%= build_dir %>/assets/<%= pkg.name %>-<%= pkg.version %>.svg': '<%= app_files.svgIcons %>'
    }
  }
},

SVG和Grunt将输出部分变为黑色

2 个答案: