svg中的viewBox如何解决负值问题?

时间:2019-01-09 13:45:09

标签: svg gulp svg-sprite

我使用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"

0 个答案:

没有答案