av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術(shù)文章
文章詳情頁

html5 - canvas 跨域問題

瀏覽:96日期:2023-01-11 15:52:17

問題描述

在微信上給用戶修改頭像的時候,用canvas來截圖。結(jié)果報錯:Owechat_login.js:226 Uncaught TypeError: Failed to execute ’getImageData’ on ’CanvasRenderingContext2D’: The provided double value is non-finite.代碼:function cropImage(targetCanvas, x, y, width, height) {

var targetctx = targetCanvas.getContext(’2d’);var targetctxImageData = targetctx.getImageData(x, y, width, height); // sx, sy, sWidth, sHeight var c = document.createElement(’canvas’);var ctx = c.getContext(’2d’); c.width = width;c.height = height; ctx.rect(0, 0, width, height);ctx.fillStyle = ’white’;ctx.fill();ctx.putImageData(targetctxImageData, 0, 0); // imageData, dx, dy document.getElementById(’image’).src = c.toDataURL(’image/jpeg’, 0.92);document.getElementById(’image’).style.display = ’initial’; }

問題解答

回答1:

初步看了下代碼貌似沒什么問題的,排除掉圖片可能存在的跨域問題,還有一個問題樓主可以查看下就是getImageData 的傳參,需要是number類型,樓主可以先使用

console.log(typeof x, typeof y, typeof width, typeof height)

來看看

回答2:

應(yīng)該不是跨域吧,跨域會寫 The canvas has been tainted by cross-origin data

console.log一下getImageData的參數(shù)吧。The provided double value is non-finite有可能是吧string當(dāng)數(shù)傳進(jìn)來了。

標(biāo)簽: Html5
相關(guān)文章:
主站蜘蛛池模板: 一区二区在线免费观看 | 亚洲大片| 午夜精品一区二区三区在线观看 | 国产黄色麻豆视频 | 亚洲国产一区二区在线 | 中文字幕在线观看www | 4hu最新网址 | 第四色播日韩第一页 | 国产精品一区二区在线 | 理论片午午伦夜理片影院 | 国产精品久久久久久久久久久久 | 黄色网址免费在线观看 | 韩国成人在线视频 | 男女爱爱福利视频 | 国产精品极品美女在线观看免费 | 欧美精品一区在线发布 | 国产999精品久久久久久绿帽 | 国产精品美女久久久久久免费 | 天天夜夜操 | 亚洲精品性视频 | 一区中文字幕 | 久久久精品网 | 成人毛片一区二区三区 | 国产一级黄色网 | 欧美成人综合 | 玖玖色在线视频 | 韩国av网站在线观看 | 国产乱码精品1区2区3区 | 福利视频一区二区 | 99精品视频免费在线观看 | 在线观看中文字幕 | 另类在线| 国产精品区一区二区三区 | 免费观看一级黄色录像 | 另类一区 | 成人午夜精品一区二区三区 | 久久久视 | 国产精品性做久久久久久 | 国产色婷婷久久99精品91 | av国产精品毛片一区二区小说 | 精品免费在线 |