JS

ADD WATERMARK TO IMAGES IN JAVASCRIPT

JUST AN EMPTY CANVAS <canvas id="can"></canvas>

IMAGE + CANVAS var iBack = new Image(),       iMark = "Copyright",       ctx = document.getElementById       ("demo").getContext("2d"); 

function cmark () {   ADD BACKGROUND IMAGE   canvas.width = iBack.naturalWidth;   canvas.height = iBack.naturalHeight;   ctx.drawImage(iBack, 0, 0,   iBack.naturalWidth,  iBack.naturalHeight);

  ADD WATERMARK   ctx.font = "bold 24px Arial";   ctx.fillStyle = "rgba(255, 0, 0, 0.5)";   ctx.fillText(iMark, 10, 30);  }

GO - PROCEED WHEN IMAGE LOADED  iBack.onload = cmark; iBack.src = "eggs.jpg";