Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Broken output in symbols mode

See original GitHub issue

This happens when i use symbols mode:

<symbol id="BG" viewBox="0 0 595.279 841.89">[object Object] [object Object] </symbol>

This is my task:

gulp.task('svg', function () {
    return gulp.src('images/svg/*.svg')
        .pipe(svgSprite({
            mode: "symbols"
        }))
        .pipe(gulp.dest('images/svg/test/'));
});

and i tried so

gulp.task('svg', function () {
    return gulp.src('images/svg/*.svg')
        .pipe(svgSprite({
            mode: "symbols"
            svg: {
                symbols: 'symbol_sprite.html'
            }
        }))
        .pipe(gulp.dest('images/svg/test/'));
});

Issue Analytics

State:
Created 7 years ago
Reactions:11
Comments:12

Top GitHub Comments

9reactions

Makvagabocommented, Sep 9, 2016

windows 10 x64 The same problem!!! I solved this problem by changing the pattern “symbols.svg” <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="0" height="0" style="position:absolute"> <% _.forEach(svg, function(svgItem) { %> <symbol id="<%= svgItem.name %>" viewBox="<%= svgItem.viewBox %>"> <%= svgItem.data.replace(/<svg.*?>(.*?)<\/svg>/, "$1") %> </symbol> <% }); %> </svg>

6reactions

bambamboolecommented, Aug 28, 2016

+1 same problem here on MacOS