1. 程式人生 > >canvas 合併圖片並將canvas轉換成圖片

canvas 合併圖片並將canvas轉換成圖片

function canvasToImage(canvas,idName) {
    console.log(canvas)
    var image = new Image();
    image.src = canvas.toDataURL("image/png");
    $("#" + idName).attr('src',image.src)
    return image;
}
var finalCanvas = document.getElementById("finalCanvas");
var ctx = finalCanvas.getContext("2d");
var 
img = document.getElementById("scream"); var code = document.getElementById("img"); img.onload=function(){ ctx.drawImage( img, 0 ,0); ctx.drawImage(code,28 ,208) } setTimeout(function(){ canvasToImage( $("#finalCanvas")[0],'finalImg') },1000)