SVGO：杀死#000000 填充

Question

我正在使用svgo并且遇到了一个奇怪的问题，它会破坏我的填充颜色，但前提是它是#000000 ； 或任何种类的变体， black ， #000 。 我试过将removeUselessStrokeAndFill设置为false但它继续仅删除该颜色。 使用不同的内容编辑 src .svg文件可以保持填充颜色。 有没有我遗漏的设置？ 谢谢！

Answer 1

不，你做得对。 在svgo上实际上有一个关于这个的问题#115 。

要解决此问题，您必须将颜色设置为另一种黑色，越接近真正的black是#000001 。 因此，您可以在svg 中更改所有黑色对此的引用，等待修复或更好的事件，安装gulp-replace并执行以下操作：

gulp.task('blackify', function () {
  return gulp.src('*.svg')
    .pipe(replace('#000000', '#000001'))
    .pipe(gulp.dest('./'));
});

Answer 2

澄清一下，这实际上是 SVGO 的正确行为，因为 SVG 的默认填充和笔触颜色是黑色，因此如果将其重新声明为填充，则它毫无用处。 这就是它从输出中删除的原因。 任何其他非默认填充将按预期保留。

请参阅： http : //www.w3.org/TR/SVG/painting.html#FillProperties