create canvas nodejs code example

Example 1: javascript create canvas

var canvas = document.createElement("canvas"); //Create canvas
document.body.appendChild(canvas); //Add it as a child of <body>

Example 2: canvas nodejs

const { createCanvas, loadImage } = require('canvas')const canvas = createCanvas(200, 200)const ctx = canvas.getContext('2d') // Write "Awesome!"ctx.font = '30px Impact'ctx.rotate(0.1)ctx.fillText('Awesome!', 50, 100) // Draw line under textvar text = ctx.measureText('Awesome!')ctx.strokeStyle = 'rgba(0,0,0,0.5)'ctx.beginPath()ctx.lineTo(50, 102)ctx.lineTo(50 + text.width, 102)ctx.stroke() // Draw cat with lime helmetloadImage('examples/images/lime-cat.jpg').then((image) => {  ctx.drawImage(image, 50, 0, 70, 70)   console.log('<img src="' + canvas.toDataURL() + '" />')})

Tags:

Html Example