You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
35 lines
844 B
35 lines
844 B
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var Canvas = require('../lib/canvas')
|
|
, canvas = new Canvas(320, 320)
|
|
, ctx = canvas.getContext('2d')
|
|
, fs = require('fs');
|
|
|
|
// Create gradients
|
|
var lingrad = ctx.createLinearGradient(0,0,0,150);
|
|
lingrad.addColorStop(0, '#00ABEB');
|
|
lingrad.addColorStop(0.5, '#fff');
|
|
lingrad.addColorStop(0.5, '#26C000');
|
|
lingrad.addColorStop(1, '#fff');
|
|
|
|
var lingrad2 = ctx.createLinearGradient(0,50,0,95);
|
|
lingrad2.addColorStop(0.5, '#000');
|
|
lingrad2.addColorStop(1, 'rgba(0,0,0,0)');
|
|
|
|
// assign gradients to fill and stroke styles
|
|
ctx.fillStyle = lingrad;
|
|
ctx.strokeStyle = lingrad2;
|
|
|
|
// draw shapes
|
|
ctx.fillRect(10,10,130,130);
|
|
ctx.strokeRect(50,50,50,50);
|
|
|
|
var out = fs.createWriteStream(__dirname + '/gradients.png')
|
|
, stream = canvas.createPNGStream();
|
|
|
|
stream.on('data', function(chunk){
|
|
out.write(chunk);
|
|
});
|