Canvas-emojicdn NPM

CANVAS + EMOJICDN

This is a simple implementation of the emojicdn service for Canvas.

Installation

npm install canvas-emojicnd

Usage

import { createCanvas, measureText } from 'canvas'
import { fillText } from 'canvas-emojicnd'

(async () => {
  const text = 'Hello, world!👋🥳'
  const canvas = createCanvas(200, 200)
  const ctx = canvas.getContext('2d')
  ctx.fillStyle = '#000'
  ctx.strokeStyle = '#fff'
  ctx.font = '25px Arial'
  
  // Get the width of the text
  const { width } = await measureText(ctx, text, 'whatsapp')

  // Draw the text:
  await fillText(ctx, text, canvas.width / 2 - width / 2, 100, 'whatsapp')
  await strokeText(ctx, text, canvas.width / 2 - width / 2, 200, 'whatsapp')

})()

Supported emoji styles: