新聞中心
這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript怎么把Canvas內(nèi)容轉(zhuǎn)成圖片-創(chuàng)新互聯(lián)
JavaScript怎么把Canvas內(nèi)容轉(zhuǎn)成圖片?這篇文章運用了實例代碼展示,代碼非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

要想將圖片放入畫布里,我們使用canvas元素的drawImage方法:
// Converts image to canvas; returns new canvas element
function convertImageToCanvas(image) {
var canvas = document.createElement("canvas");
canvas.width = image.width;
canvas.height = image.height;
canvas.getContext("2d").drawImage(image, 0, 0);
return canvas;
}這里的0, 0參數(shù)畫布上的坐標點,圖片將會拷貝到這個地方。
如果你的畫布上的作品已經(jīng)完成,你可以用下面簡單的方法將canvas數(shù)據(jù)轉(zhuǎn)換成圖片格式:
// Converts canvas to an image
function convertCanvasToImage(canvas) {
var image = new Image();
image.src = canvas.toDataURL("image/png");
return image;
}這段代碼就能神奇的將canvas轉(zhuǎn)變成PNG格式!
到此為止, 關(guān)于JavaScript把Canvas內(nèi)容轉(zhuǎn)成圖片的方法有了一個基礎(chǔ)的認識, 但是對于具體的使用方法還是需要多加鞏固和練習,如果想了解更多相關(guān)內(nèi)容,請關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊。
分享標題:JavaScript怎么把Canvas內(nèi)容轉(zhuǎn)成圖片-創(chuàng)新互聯(lián)
文章源于:http://www.dlmjj.cn/article/csoode.html


咨詢
建站咨詢
