gulp-webshot

Webshot provides a simple API for taking webpage screenshots. The module is a light wrapper around PhantomJS, which utilizes WebKit to perform the page rendering.

Uses the webshot library.

İnstall

npm install --save-dev gulp-webshot

/theme/stuff.html:

or

/app/stuff.html:

How It Works

var gulp = require('gulp'),
    webshot=require('gulp-webshot');

gulp.task('webshot', function() {
  return gulp.src('./Theme/**/**.html')
        .pipe(webshot({ dest:'build/',root:'Theme'}));
})





gulp.task('shot', ['webshot']);

How It Works

gulp shot

API

webshot(options)

options.dest

Type: string

options.root

Type: string

options.screenSize

Type: object

width: `int`
height: `int`

options.shotSize

Type: object

width: `int`
height: `int`

options.flatten

Type: boolean|string

Flatten out captures.

options.customNameExt

Type: string

Example: -mobile

options.streamType

Type: string

Possible values are 'png', 'jpg', and 'jpeg'.

options.quality

Type: int

JPEG compression quality. (%)

more options checkout webshot options.