diff --git a/examples/gradients.js b/examples/gradients.js new file mode 100644 index 0000000..3bbb880 --- /dev/null +++ b/examples/gradients.js @@ -0,0 +1,29 @@ + +/** + * 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'); \ No newline at end of file