[mervin]

Как воспроизвести сей код в рамках одного <canvas></canvas>?

var canvasSec = document.getElementById('secondary-output');
    var ctxSec = canvasSec.getContext('2d');

    ctxctxSec.drawImage(imgSec2,0,0);
    ctxctxSec.globalCompositeOperation = "source-atop";
    ctxctxSec.fillStyle = rgbPrimary;
    ctxctxSec.fillRect(0,0,canvasPri.width,canvasPri.height);
   
    ctxctxSec.drawImage(imgSec,0,0);
    ctxctxSec.globalCompositeOperation = "source-atop";
    ctxctxSec.fillStyle = rgbSecondary;
    ctxctxSec.fillRect(0,0,canvasSec.width,canvasSec.height);