/** * 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); });