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.
29 lines
707 B
29 lines
707 B
|
|
/**
|
|
* Module dependencies.
|
|
*/
|
|
|
|
var Canvas = require('../lib/canvas')
|
|
, canvas = new Canvas(320, 320)
|
|
, ctx = canvas.getContext('2d');
|
|
|
|
// 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);
|
|
|
|
canvas.savePNG(__dirname + '/gradients.png');
|