HOW TO ADD WATERMARK TO IMAGE

NODE

(real quick example)

LOAD MODULES - NPM INSTALL CANVAS const fs = require("fs"), { createCanvas, loadImage } = require("canvas");

LOAD MODULES

01

WATERMARK SETTINGS

02

var src = "demoA.png", source image mrk = "demoB.png", watermark image sav = "demoC.png", "save as" x = 10, y = 10, watermark position ready = 0; track image load

function mark () { if (ready==2) {   CREATE CANVAS   const c = createCanvas(src.width,                   src.height),   ctx = c.getContext("2d");

WATERMARK IMAGE

03

  DRAW SOURCE + WATERMARK   ctx.drawImage(src, 0, 0);   ctx.drawImage(mrk, x, y);

  SAVE   const out = fs.createWriteStream(sav),   stream = c.createPNGStream();   stream.pipe(out);   out.on("finish", () => console.log("Done")); }}

GO - LOAD IMAGES

04

loadImage(src).then(img => {   src = img; ready++; mark(); }); loadImage(mrk).then(img => {   src = img; ready++; mark(); });