Example #1
0
gulp.task('build:images', () => {
    return download(BASE_URL)
        .pipe(unzip(unzipOptions))
        .pipe(raster())
        .pipe(rename(renamePredicate('png')))
        .pipe(gulp.dest('test/png/'));
});
gulp.task('raster', ['svg'], function() {
  'use strict';
  // Save as @1x PNG
  gulp.src([sources.vector, app.notSymbol])
    .pipe(changed(app.ship+app.img))
    .pipe(raster({format: 'png'}))
    .pipe(rename({extname: '.svg.png'}))
    .pipe(imagemin(imageConfig))
    .pipe(gulp.dest(app.ship+app.img));
  // Save as @2x PNG
  gulp.src([sources.vector, app.notSymbol])
    .pipe(changed(app.ship+app.img))
    .pipe(raster({format: 'png', scale: 2}))
    .pipe(rename({extname: '.svg.png', suffix: '-2x'}))
    .pipe(imagemin(imageConfig))
    .pipe(gulp.dest(app.ship+app.img));
});
gulp.task('1x', function() {
  gulp.src('./svg/**/*.svg')
    .pipe(svgmin())
    .pipe(cheerio({
      run: function($) {
        $('path').after('<rect fill="ffffff" fill-opacity="0" />');
        $('rect').attr({
          height: size,
          width: size
        });
      }
    }))
    .pipe(raster())
    .pipe(rename({ extname: '.png' }))
    .pipe(gulp.dest('./png'))
});