偶然發(fā)現(xiàn)公司的網(wǎng)頁(yè)內(nèi)容中有水印的圖片都是由可愛的美工一張一張的處理后上傳的,雖然阿里云的OSS也提供水印自動(dòng)添加功能玄窝,但這兩種方式都不太適合在其他不需要水印的圖片的時(shí)候調(diào)用原始圖片存捺。
我寫了一段前端Canvas合成圖片的并轉(zhuǎn)換成base64替換原始內(nèi)容中圖片的js;
html端:
js端:
最終效果(原始圖片被完美替換成功):
偶然發(fā)現(xiàn)公司的網(wǎng)頁(yè)內(nèi)容中有水印的圖片都是由可愛的美工一張一張的處理后上傳的,雖然阿里云的OSS也提供水印自動(dòng)添加功能玄窝,但這兩種方式都不太適合在其他不需要水印的圖片的時(shí)候調(diào)用原始圖片存捺。
我寫了一段前端Canvas合成圖片的并轉(zhuǎn)換成base64替換原始內(nèi)容中圖片的js;
html端:
js端:
最終效果(原始圖片被完美替換成功):