日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

RELATEED CONSULTING
相關(guān)咨詢
選擇下列產(chǎn)品馬上在線溝通
服務時間:8:30-17:00
你可能遇到了下面的問題
關(guān)閉右側(cè)工具欄

新聞中心

這里有您想知道的互聯(lián)網(wǎng)營銷解決方案
JavaScript怎么把Canvas內(nèi)容轉(zhuǎn)成圖片-創(chuàng)新互聯(lián)

JavaScript怎么把Canvas內(nèi)容轉(zhuǎn)成圖片?這篇文章運用了實例代碼展示,代碼非常詳細,感興趣的小伙伴們可以參考借鑒,希望對大家能有所幫助。

橋西ssl適用于網(wǎng)站、小程序/APP、API接口等需要進行數(shù)據(jù)傳輸應用場景,ssl證書未來市場廣闊!成為創(chuàng)新互聯(lián)的ssl證書銷售渠道,可以享受市場價格4-6折優(yōu)惠!如果有意向歡迎電話聯(lián)系或者加微信:028-86922220(備注:SSL證書合作)期待與您的合作!使用JavaScript將圖片拷貝進畫布

要想將圖片放入畫布里,我們使用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ù)畫布上的坐標點,圖片將會拷貝到這個地方。

用JavaScript將畫布保持成圖片格式

如果你的畫布上的作品已經(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