どっかーーん。これ地球のサンプルを魔改造　わかりやすいよ
var ❤ = document.getElementById("📕");
var 💙 = document.getElementById("📘");

//各キャンバスのコンテキストを取得
var 🍎 = ❤.getContext("2d");
var 🫐 = 💙.getContext("2d");

var {w, h} = 📕; //Canvasのサイズ

//入力イメージの配列ゲット
var 🔴 = 🍎.getImageData(0, 0, w, h);
var 🟥 = 🔴.data;

//出力イメージの配列ゲット
var 🔵 = 🫐.createImageData(w, h);
var 🟦 = 🔵.data;

//１ピクセル毎に処理やる
var i;
for(i = 0 ; i < w * h; i++){
var p = i * 4;
//RGB値はメインをそのまま
🟦[p] = 🟥[p];
🟦[p + 1] = 🟥[p + 1];
🟦[p + 2] = 🟥[p + 2];
//alpha値は0かな 255 暫定128？
🟦[p + 3] =　128; // 0か255にしろ
}
//Canvasに戻す
🫐.putImageData(🟦, 0, 0);