将两个图像叠加到一个img src

Question

以下问题 Merge Image using Javascript 有一些很好的答案。
但答案只有javascript而不是html上下文。

var c = document.getElementById("myCanvas");
var ctx = c.getContext("2d");
var imageObj1 = new Image();
var imageObj2 = new Image();
imageObj1.src = "1.png"
imageObj1.onload = function() {
    ctx.drawImage(imageObj1, 0, 0, 328, 526);
    imageObj2.src = "2.png";
    imageObj2.onload = function() {
        ctx.drawImage(imageObj2, 15, 85, 300, 300);
        var img = c.toDataURL("image/png");
        document.write('<img src="' + img + '" width="328" height="526"/>');
    }
};

var canvas = canvasBuild.getContext('canvasObj');
var img = document.getElementById('mergePic1');
canvas.drawImage(img, 0, 0);

使用html代码的完整工作示例是什么？