第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請(qǐng)及時(shí)綁定郵箱和手機(jī)立即綁定

圖片轉(zhuǎn)base64方法

標(biāo)簽:
JavaScript

需求背景:
需要做一下下载图片的功能,调用的是app的保存功能,app提供的jsbridge不支持传url,结果就有了这个附加需求。

这里还有一个要把canvas设置成白色,因为我获取的图片是png的,都是透明图,是小程序码,安卓手机下载下来是透明的,搜不上,ios到是白色的,所以为了兼容,还是加上个白色背景吧。

来,直接上码

getBase64Image(img) {//图片转码base64
			var canvas = document.createElement("canvas");  
			canvas.width = img.width;  
			canvas.height = img.height;  
			var ctx = canvas.getContext("2d");  
			// 将canvas的透明背景设置成白色
			var imageData = ctx.getImageData(0, 0, canvas.width, canvas.height);
			for(var i = 0; i < imageData.data.length; i += 4) {
			// 当该像素是透明的,则设置成白色
				if(imageData.data[i + 3] == 0) {
					imageData.data[i] = 255;
					imageData.data[i + 1] = 255;
					imageData.data[i + 2] = 255;
					imageData.data[i + 3] = 255;
				}
			}
			ctx.putImageData(imageData, 0, 0);
			ctx.drawImage(img, 0, 0, img.width, img.height);  
			var ext = img.src.substring(img.src.lastIndexOf(".")+1).toLowerCase();  
			// console.log(canvas)
			var dataURL = canvas.toDataURL("image/"+ext);  
			return dataURL;  
		}

image.onload = function(){  //要在图片加载完了再调用方法
	var base64 = self.getBase64Image(image);  
	console.log(base64)
}						
點(diǎn)擊查看更多內(nèi)容
1人點(diǎn)贊

若覺得本文不錯(cuò),就分享一下吧!

評(píng)論

作者其他優(yōu)質(zhì)文章

正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦
今天注冊(cè)有機(jī)會(huì)得

100積分直接送

付費(fèi)專欄免費(fèi)學(xué)

大額優(yōu)惠券免費(fèi)領(lǐng)

立即參與 放棄機(jī)會(huì)
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)

舉報(bào)

0/150
提交
取消