我使用 gulp(插件 gulp-svg-sprites)创建了一个精灵。在 Mozilla 中它正常显示,在 chrome 中我打开它 - 一切都发生了变化。
如果我从最终的 svg(gulp-svg2png 插件)生成一个 png-sprite,并包含它而不是 svg,那么它会在所有浏览器中正常显示。那些。我从浏览器的解释中了解到这恰恰是相关的。
怎么修?
我的 post-galp 精灵示例在这里。当使用 chrome 中的滑块调整大小时,也可以看到此错误(在最大放大倍率下清晰可见,白色 - 当背景反转时)。
在 Mozilla 中一切正常。
PS 我更新了 sprite - 我将其设置为viewBox所有元素都以"0 0. 没有帮助。
一口气设置:
gulp.task('svg-sprites:build', function () {
return gulp.src(options.theme.img_svg_src + '*.svg')
.pipe(svgSprite())
.pipe(gulp.dest(options.theme.img_src + 'dict'))
.pipe(filter(options.theme.img_src + 'dict/svg/*.svg'))
.pipe(gulp.dest(options.theme.img_src + 'dict'));
});
