v5.4.5

Start · tutorial

Your first image

Current Apexify.js 6.0.0 documentation for Your first image.

apexify.jsRuntime: nodeCURRENTSince 6.0.0

Goal

Produce first.png on disk using ApexPainter.createCanvas.

Full example

1import { ApexPainter } from 'apexify.js';2import fs from 'fs';3 4async function main() {5  const painter = new ApexPainter();6 7  const { buffer } = await painter.createCanvas({8    width: 800,9    height: 450,10    colorBg: '#0f172a',11  });12 13  fs.writeFileSync('first.png', buffer);14  console.log('Wrote first.png');15}16 17main();

What each part does

Piece	Why
`async function`	`createCanvas` returns a Promise — you `await` it.
`createCanvas({ … })`	Builds a bitmap with width, height, and background.
`colorBg`	Easiest primary fill — any CSS-style color string.
`buffer`	Raw PNG bytes — what you save or pass onward.
`fs.writeFileSync`	Writes the buffer to a file (Node.js built-in).

Result

You get an 800×450 image filled with slate #0f172a.

Try changing

width / height — canvas size in pixels.
colorBg — try '#ffffff', 'rgb(255,99,71)', '#6366f133' (alpha).

Next steps