Tiny ASCII art demo for https://thi.ng/text-canvas showing how to compose an overlay image with transparency mask with another text canvas...

textcanvas-blitting.js

import { SYSTEM } from "@thi.ng/random";
import { blitMask, canvas, canvasFromText, formatCanvas, hline } from "@thi.ng/text-canvas";

// overlay text canvas
const logo = canvasFromText([
    "###########         ####         ####        #                  #######",
    "#########     ░░░    ##    ░░░    ##    ░░░     ░░░░░░  ░░░░░░   ######",
    "########   ░░░░░░░░░    ░░░░░░░░░    ░░░░░░░░░   ░░░░    ░░░░   #######",
    "#######   ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░    ░▒▒░   #######",
    "#######   ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒    ▒▓▓▒   #######",
    "#######   ▓██▓   ▓██▓  ▓██▓         ▓██▓         ▓██▓    ▓██▓   #######",
    "#######   █░▓█▓▓▓█░▓█   █▓▓▓▓▓▓▓█   █░▓█         █░▓█    █░▓█   #######",
    "#######   █░░█   █░░█         █░░█  █░░█         █░░█    █░░█   #######",
    "#######   ▓▒▒▓   ▓▒▒▓  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓    ▓▒▒▓   #######",
    "#######   ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒    ▒▓▓▒   #######",
    "#######   ░██░   ░██░   ░███████░    ░███████░  ░▒██▒░  ░▒██▒░   ######",
    "#####                                                                ##",
    "###     ░░░          ░░░          ░░░      ░░░░░░░░░     ░░░░░░░░░░  ##",
    "##   ░░░░░░░░░    ░░░░░░░░░    ░░░░░░░░░   ░░░░░░░░░░░  ░░░░░░░░░░░  ##",
    "##  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░         ##",
    "##  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒      #####",
    "##  ▓██▓         ▓██▓         ▓██▓   ▓██▓  ▓██▓   ▓██▓  ▓███████  #####",
    "##   █▓▓▓▓▓▓▓█   █░▓█         █░▓█▓▓▓█░▓█  █░▓▓▓▓▓▓▓█   █░▓▓▓▓▓█  #####",
    "##         █░░█  █░░█         █░░█   █░░█  █░░█         █░░█      #####",
    "##  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓  #####  ▓▒▒▓         ##",
    "##  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒  #####  ▒▓▓▓▓▓▓▓▓▓▒  ##",
    "##   ░███████░    ░███████░   ░██░   ░██░  ░██░  #####   ░████████░  ##",
    "###                                              ######              ##",
]);

// background text canvas
const bg = canvas(logo.width + 40, logo.height + 10, 0);
const w2 = bg.width >> 1;

// draw random & centered horizontal lines
for (let y = 0; y < bg.height; y++) {
    const n = SYSTEM.minmaxInt(30, w2);
    hline(bg, w2 - n, y, n * 2, "=", "=", "=");
}

// paste overlay image (using `#` for transparency mask)
blitMask(bg, w2 - logo.width / 2, 5, logo, "#");

console.log(formatCanvas(bg));

//     ======================================================================================================     
//         ==============================================================================================         
//       ==================================================================================================       
//                          ============================================================                          
//                      ====================================================================                      
//                  =============         ====         ====        =                  ==========                  
//      =======================     ░░░    ==    ░░░    ==    ░░░     ░░░░░░  ░░░░░░   =====================      
//               =============   ░░░░░░░░░    ░░░░░░░░░    ░░░░░░░░░   ░░░░    ░░░░   =============               
//          =================   ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░    ░▒▒░   ==================          
//                  =========   ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒    ▒▓▓▒   ==========                  
//            ===============   ▓██▓   ▓██▓  ▓██▓         ▓██▓         ▓██▓    ▓██▓   ================            
//                       ====   █░▓█▓▓▓█░▓█   █▓▓▓▓▓▓▓█   █░▓█         █░▓█    █░▓█   =====                       
//                        ===   █░░█   █░░█         █░░█  █░░█         █░░█    █░░█   ====                        
//                         ==   ▓▒▒▓   ▓▒▒▓  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓    ▓▒▒▓   ===                         
//    =======================   ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒    ▒▓▓▒   ========================    
//               ============   ░██░   ░██░   ░███████░    ░███████░  ░▒██▒░  ░▒██▒░   ============               
//         ================                                                                ==============         
//      =================     ░░░          ░░░          ░░░      ░░░░░░░░░     ░░░░░░░░░░  =================      
//                ======   ░░░░░░░░░    ░░░░░░░░░    ░░░░░░░░░   ░░░░░░░░░░░  ░░░░░░░░░░░  =======                
//   ===================  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░   ░▒▒░  ░▒▒░         ====================   
//                        ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒      ===                       
//  ====================  ▓██▓         ▓██▓         ▓██▓   ▓██▓  ▓██▓   ▓██▓  ▓███████  ========================  
//                     =   █▓▓▓▓▓▓▓█   █░▓█         █░▓█▓▓▓█░▓█  █░▓▓▓▓▓▓▓█   █░▓▓▓▓▓█  =====                     
//                               █░░█  █░░█         █░░█   █░░█  █░░█         █░░█      =                         
//            ==========  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓   ▓▒▒▓  ▓▒▒▓  =====  ▓▒▒▓         ===========            
//                 =====  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒   ▒▓▓▒  ▒▓▓▒  =====  ▒▓▓▓▓▓▓▓▓▓▒  ======                 
//         =============   ░███████░    ░███████░   ░██░   ░██░  ░██░  =====   ░████████░  ==============         
//                                                                     ======                                     
//         ==============================================================================================         
//                       ==================================================================                       
//  ============================================================================================================  
//   ==========================================================================================================   
//               ==================================================================================