Js同步加载图片资源
生活随笔
收集整理的這篇文章主要介紹了
Js同步加载图片资源
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
//用法
await img2base64("https://cdn-corner.resource.buzzbuzzenglish.com/qr-code.svg", 'anonymous');
//封裝的方法
export const img2base64 = async (url, crossOrigin) => {return new Promise(resolve => {const img = new Image();img.onload = () => {const c = document.createElement('canvas');c.width = img.naturalWidth;c.height = img.naturalHeight;const cxt = c.getContext('2d');cxt.drawImage(img, 0, 0);// 得到圖片的base64編碼數據resolve(c.toDataURL('image/png'));};crossOrigin && img.setAttribute('crossOrigin', crossOrigin);img.src = url;});
};
總結
以上是生活随笔為你收集整理的Js同步加载图片资源的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 又到年底冲刺时,华为小米竞相降价促销
- 下一篇: 2020双十一AutoJs自动领喵币再次