canvas image 相互轉(zhuǎn)化

// 從 canvas 提取圖片 image
function convertCanvasToImage(canvas) {
    //新Image對象,可以理解為DOM
    var image = new Image();
    // canvas.toDataURL 返回一串Base64編碼的URL
    image.src = canvas.toDataURL("image/png");
    return image;
}
// 把image 轉(zhuǎn)換為 canvas對象
function convertImageToCanvas(image) {
    // 創(chuàng)建canvas DOM元素,并設(shè)置其寬高和圖片一樣
    var canvas = document.createElement("canvas");
    canvas.width = image.width;
    canvas.height = image.height;
    canvas.getContext("2d").drawImage(image, 0, 0);
    return canvas;
}
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • #Canvas 與 Image 相互轉(zhuǎn)換 ## 轉(zhuǎn)換 Image為 Canvas 代碼如下: ``` / 把ima...
    高韻id閱讀 1,318評論 0 1
  • 老李頭和妻子養(yǎng)了五個(gè)孩子,兩個(gè)兒子三個(gè)閨女。五個(gè)孩子都很出息,兩個(gè)兒子和一個(gè)女兒大學(xué)畢業(yè)后都在外地工作成家,兩個(gè)女...
    張譯刈閱讀 304評論 0 1
  • 小時(shí)候家里只有一個(gè)電視機(jī),不知為看不同的頻道和弟弟打了不少架,可憐的電視機(jī)最受虐待而壽終正寢了。每次看電視...
    后蔣女士閱讀 436評論 0 1
  • 人生有許多難關(guān)要過,可是情關(guān)最讓人難受。所以愛情對于每個(gè)人來說,都有自己的渴望和期待。但是有時(shí)候只能說,想象...
    淘人閣閱讀 1,126評論 0 1
  • 前天我在之前學(xué)習(xí)運(yùn)營的一個(gè)社群內(nèi)推了自己的公眾號名片,順便甩了個(gè)紅包的同時(shí)給加我公眾號的小伙伴一個(gè)免費(fèi)一對一占卜的...
    十七Regina閱讀 5,026評論 1 1

友情鏈接更多精彩內(nèi)容