node package manager

gulp-webshot

gulp-webshot Build Status

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.filename

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

options.streamType

Type: string Default: png

Flatten out captures.

more options checkout webshot options.