js實現(xiàn)canvas圖片與img圖片的相互轉換的示例

最近在一個項目中，遇到了一個問題，需要把生成的canvas形式的二維碼轉換為圖片，可以長按識別，保存等。查找了一些資料歸納總結了一些知識。

網(wǎng)站建設哪家好，找創(chuàng)新互聯(lián)建站！專注于網(wǎng)頁設計、網(wǎng)站建設、微信開發(fā)、微信小程序定制開發(fā)、集團企業(yè)網(wǎng)站建設等服務項目。為回饋新老客戶創(chuàng)新互聯(lián)還提供了仁壽免費建站歡迎大家使用！

默認在jq庫里進行，引入jquery.qrcode.min.js庫，將canvas圖片轉化為img圖片，代碼如下，

同理也可以將圖片轉換為canvas，轉換函數(shù)如下：

// 把image 轉換為 canvas對象 
function convertImageToCanvas(image) { 
  // 創(chuàng)建canvas DOM元素，并設置其寬高和圖片一樣  
  var canvas = document.createElement("canvas"); 
  canvas.width = image.width; 
  canvas.height = image.height; 
  // 坐標(0,0) 表示從此處開始繪制，相當于偏移。 
  canvas.getContext("2d").drawImage(image, 0, 0);  
  return canvas; 
} 

以上就是本文的全部內容，希望對大家的學習有所幫助，也希望大家多多支持創(chuàng)新互聯(lián)。