hxfdarling/canvas-poster

Use canvas to render a poster and get image data

canvas-poster

Draw text and pictures to canvas, and export picture data, text support color, size, newline (pre, nowrap, breakAll, breakWord), line height, bold, underline, etc.

Useage

�install from npm

yarn add canvas-poster

or

npm i canvas-poster

example

import Poster from 'canvas-poster'

async function render(){
  let poster new Poster({width:200,height:200,scale:2});
  await poster.drawImage('./test.png',{w:"100%",x:0,y:0})
  poster.drawTexts([
    {text:'test render texts',size:20},{text:'test',size:30,fillStyle:'red'}
    ],
    10,
    10,
    {wordWrap:"breakAll",with:200}
  );
  let img = document.createElement('img');
  img.src = poster.getImageData();
}
render();