我使用gulp-svg-sprites插件创建了一个svg精灵。编译后,负的viewBox值将替换为正值,并在它们之前添加NaN。带有负值的图标看起来不完整,被裁剪。帮助解决此问题。谢谢
gulp任务
gulp.task('svg-sprite', function () {
return gulp.src('src/images/svg-separate/**/*.svg')
.pipe(svgSprite({
mode: "symbols",
// preview: false,
selector: "svg-%f",
svg: {
symbols: 'svg_sprite.pug'
}
}
))
.pipe(gulp.dest('src/pug/partails/'))
});
init viewBox:viewBox="-89 140 512 512"
在输出中完成viewBox:viewBox="NaN 89 140 512 512"
输出中预期的viewBox:viewBox="-89 140 512 512"