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

您的位置:首頁技術文章
文章詳情頁

html5 - canvas 跨域問題

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

問題描述

在微信上給用戶修改頭像的時候,用canvas來截圖。結果報錯: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:

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

console.log一下getImageData的參數吧。The provided double value is non-finite有可能是吧string當數傳進來了。

標簽: Html5
相關文章:
主站蜘蛛池模板: 久久综合爱 | 亚洲人成人一区二区在线观看 | 日韩精品视频在线 | 婷婷色网 | 成人九区 | 日韩在线成人 | 亚洲精品资源 | 精品一区国产 | 日韩一区中文字幕 | 久久剧场 | a级片在线观看 | 大香在线伊779 | 久久99精品久久久 | 日韩在线播放视频 | 日本久草| 奇米超碰在线 | 中文av网站 | 久久精品成人热国产成 | 亚洲va中文字幕 | 亚洲综合国产精品 | 国产精品久久久久一区二区三区 | 欧美一区二区激情三区 | 国产精品污www一区二区三区 | 综合久| 国产在线精品区 | 日韩国产在线 | 欧美精品乱码99久久影院 | 亚洲精品v日韩精品 | 亚洲欧美日韩国产综合 | 成人一区二区三区在线 | 国产精品欧美一区二区三区 | 一级毛片视频在线 | 日一区二区 | 自拍偷拍精品 | 国产精品高潮呻吟久久 | 亚洲激情专区 | 91av在线视频观看 | 亚洲一二三区av | 久久99久久99| 日本精品国产 | 精品国产欧美一区二区 |