// 從 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;
}
canvas image 相互轉(zhuǎn)化
最后編輯于 :
?著作權(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ù)。
【社區(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...
- 人生有許多難關(guān)要過,可是情關(guān)最讓人難受。所以愛情對于每個(gè)人來說,都有自己的渴望和期待。但是有時(shí)候只能說,想象...
- 前天我在之前學(xué)習(xí)運(yùn)營的一個(gè)社群內(nèi)推了自己的公眾號名片,順便甩了個(gè)紅包的同時(shí)給加我公眾號的小伙伴一個(gè)免費(fèi)一對一占卜的...