Canvas-txt 4 demo

by Geon George

HTML

<script src="https://cdn.jsdelivr.net/npm/canvas-txt@4.0.3"></script>


<canvas id="myCanvas" width="500" height="500"></canvas>

CSS

canvas {
  border: 1px solid black;
}

JavaScript

const { drawText, getTextHeight, splitText } = window.canvasTxt

const c = document.getElementById('myCanvas')
const ctx = c.getContext('2d')


const txt = 'Lorem ipsum dolor sit amet'

const { height } = drawText(ctx, txt, {
  x: 100,
  y: 100,
  width: 200,
  height: 200,
  fontSize: 24,
  debug:true
})

console.log(`Total height = ${height}`)