功能

画布与图片

Posted by VickyWu on March 8, 2017

将图片填充至画布

drawImage()

将画布生成图片

canvas.toDataURL()

function drawCanvas(image) {
    var canvas=document.createElement('canvas');
    canvas.width=image.width;
    canvas.height=image.height;
    canvas.getContext('2d').drawImage(image,0,0);
    return canvas
}
function canvasToImg(canvas) {
    var image=new Image();
    image.src=canvas.toDataURL('image/png');
    return image;
}