關於canvas生成圖片的方法

將canvas轉圖片

//從 canvas 提取圖片 image
function convertCanvasToImage(canvas) {
//新Image對象，可以理解為DOM
var image = new Image();
// canvas.toDataURL 返回的是一串Base64編碼的URL
// 指定格式 PNG
image.src = canvas.toDataURL("image/png");
return image;
}

//獲取網頁中的canvas對象

var mycans=$('canvas');
//調用convertCanvasToImage函數將canvas轉化為img形式
var img=convertCanvasToImage(mycans);
//將img插入容器
$('#img').append(img);
將圖片轉成canvas

// 把image 轉換為 canvas對象
function convertImageToCanvas(image) {
// 創建canvas DOM元素，並設置其寬高和圖片一樣
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
canvas.getContext("2d").drawImage(image, 0, 0);
return canvas;

---------------------
作者：SnowBeatRain
來源：CSDN
原文：https://blog.csdn.net/snowbeatrain/article/details/80074780
版權聲明：本文為博主原創文章，轉載請附上博文鏈接！