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.
27 lines
758 B
27 lines
758 B
var fs = require('fs')
|
|
var path = require('path')
|
|
var Canvas = require('..')
|
|
|
|
var canvas = new Canvas(320, 320)
|
|
var 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.createPNGStream().pipe(fs.createWriteStream(path.join(__dirname, 'gradients.png')))
|
|
|