SVGO：殺死＃000000填充

Question

我正在使用svgo，並且遇到了一個奇怪的問題，它正在殺死我的填充顏色，但僅當它是#000000;或任何種類的變體，black,#000。我嘗試將removeUselessStrokeAndFill設置爲false，但它只會繼續刪除該顏色。用不同的東西編輯src .svg文件保持填充顏色。有沒有我錯過的設置？謝謝！

Answer 1

不，你做得對。關於這一點，實際上存在的問題svgo。

要解決此問題，您必須將您的顏色設置爲另一個黑色，更接近真實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