麻豆小视频在线观看_中文黄色一级片_久久久成人精品_成片免费观看视频大全_午夜精品久久久久久久99热浪潮_成人一区二区三区四区

首頁 > 編程 > HTML > 正文

canvas因為圖片資源不在同一域名下而導致的跨域污染畫布的解決辦法

2024-08-26 00:21:17
字體:
來源:轉載
供稿:網友

我們要繪制一張圖片,內容包括一張背景圖和一個動態生成的二維碼,前提是背景圖是項目本身的靜態資源,二維碼是服務端動態生成的,二者不在同一域名下。

解決辦法:把所有圖片都重定向同一個域名下:

let count = 0;let bgImg = document.creatElement('img');let qrImg = document.creatElement('img');bgImg.src = redirectUrl('x.png');qrImg.src = redirectUrl('y.png');[bgImg, qrImg].forEach((e) => {    e.onload = () => {        count ++;        if (count === 2) {            drawerImg(bgImg, qrImg);          }    }})function redirectUrl (url) {    return 'https://xxx/view?fileUrl=' + encodeURIComponent(url);}function drawerImg (imgContent, qrContent, scaleBy = 2) {    let {bgImgW, bgImgH} = {375, 800};    let {qrx, qry, qrw, qrh} = {20, 700, 50, 50};    let Canvas = document.createElement('canvas');    let ctx = Canvas.getContext("2d");    Canvas.width = bgImgW * scaleBy;    Canvas.height= bgImgH * scaleBy;    ctx.drawImage(imgContent, 0, 0, bgImgW * scaleBy, bgImgH * scaleBy);    ctx.drawImage(qrContent, qrx * scaleBy, qry * scaleBy, qrw * scaleBy, qrh * scaleBy);        let nodeI = document.createElement("img");    nodeI.src = Canvas.toDataURL();    document.body.appendChild(nodeI)}

以上就是本文的全部內容,希望對大家的學習有所幫助,也希望大家多多支持VeVb武林網。


注:相關教程知識閱讀請移步到HTML教程頻道。
發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
主站蜘蛛池模板: av在线1| 久久久久久亚洲综合影院红桃 | 欧美黄一区 | av电影院在线观看 | 日韩av手机在线免费观看 | 亚洲日色 | 狠狠久久伊人中文字幕 | 沉沦的校花奴性郑依婷c到失禁 | 国产成人在线视频 | 亚洲视屏在线 | 国产成人精品免费视频大全最热 | 亚洲天堂在线电影 | 久久国产精品久久久久久 | 99亚洲| 少妇的肉体k8经典 | 精品视频 久久久 | 日本一区二区在线 | 国产午夜精品在线 | 爽妇网国产精品 | 欧美一级视频网站 | 中文字幕在线观看网址 | 特黄一级小说 | 欧美一级高潮 | 91网视频 | aaaaa国产欧美一区二区 | 欧美精品免费一区二区三区 | 特级a欧美做爰片毛片 | 深夜免费视频 | 亚洲成a人在线 | 日本教室三级在线看 | 久久久aa | 欧美黄色视屏 | 男女无套免费视频 | 久久久精品视 | 一级做a爱性色毛片免费1 | 日韩精品中文字幕一区 | 国产男女爽爽爽爽爽免费视频 | 成人毛片免费播放 | 99极品视频| 欧美三级欧美成人高清www | 粉嫩粉嫩一区二区三区在线播放 |