我使用 gulp-svg-sprites 插件创建了一个 svg sprite。编译后,将负的 viewBox 值替换为正值,并在它们之前添加 NaN。带有负值的图标看起来不完整,被裁剪。帮助解决这个问题。谢谢
吞咽任务
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/'))
});
初始化视图框:viewBox="-89 140 512 512"
在输出中完成 viewBox:viewBox="NaN 89 140 512 512"
输出中的预期视图框:viewBox="-89 140 512 512"