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

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

html5 - canvas有時候會拿不到toDataURL數據

瀏覽:110日期:2022-11-25 16:43:32

問題描述

問題:1.不知道為什么,canvas有時候會拿不到繪圖數據,只拿到了“data:;” 。請問我這么寫錯在哪里。2.我這么寫canvas 哪里需要優化的沒有

相關代碼:

initCanvas:function(opt){ var self=this; var img=new Image(); var ctx,type=opt?2:1; img.setAttribute(’crossOrigin’, ’anonymous’); img.onload=function(){var $img=self._view._cropBlock.find(’img’);var sizes,ratio;var imgW=img.width;//要截取的圖片(引用的圖片)寬度var imgH=img.height;console.log(’img’,imgW,imgH);if(!opt){ sizes=self.getCanvasSize($img); opt={left:0,top:0,width:sizes.width,//畫布的寬度height:sizes.height//畫布的高度 }; ratio=Number((opt.width/img.width).toFixed(2));}else{ ratio=Number(($img.width()/img.width).toFixed(2))-0.01;//實際img元素和圖片實際比例,四舍五入需減0.01 opt.left=opt.left/ratio;//opt的參數值是基于實際img元素的,要獲得基于實際圖片的值 opt.top=opt.top/ratio; imgW=opt.width/ratio; imgH=opt.height/ratio;}

self.canvas = document.createElement(’canvas’);$.extend(self.canvas,{width:opt.width,height:opt.height});ctx = self.canvas.getContext(’2d’);ctx.save();var width=self.canvas.width||400;var height=self.canvas.height||400;console.log(self.canvas,width,height);ctx.clearRect(0,0,width,height);ctx.drawImage(img,opt.left,opt.top,imgW,imgH,0,0,width,height);ctx.restore();self.getSearchList(self.canvas,{imgUrl:img.src,type:type});self.canvas.remove(); }; img.onerror=function(err){console.log(’canvas error:’+err); }; img.src=this._model.currentImg;},getSearchList:function(canvas,opt,callback){ var self=this; var url=canvas.toDataURL('image/jpeg',0.2); $.extend(opt,{imgUrlBase64:url}); callback=callback|| $.noop; common.services.getRecognizedResultList(opt) .success(function(data){self.searchList=data.results;callback(); });}

問題解答

回答1:

圖片過大,調用canvas.toDataURL有時候會失敗的,建議調用之前先對圖片做壓縮處理,看看這篇文章能否幫到你文件上傳那些事兒

回答2:

我經常碰到這樣的事,各種各樣的原因都有,一般都是參數什么的不對,你看看ctx.drawImage(img,opt.left,opt.top,imgW,imgH,0,0,width,height);這一行的里面的參數是否都有值(請直接在這一行語句的上面一行打印信息)。沒報錯你只能自己慢慢打斷點一個模塊一個模塊去排除。

標簽: Html5
相關文章:
主站蜘蛛池模板: 天天干成人网 | 亚洲最新在线视频 | 久久久久国产一区二区三区四区 | 亚洲精品欧美 | 精品欧美乱码久久久久久1区2区 | 国产亚洲精品综合一区 | 亚洲国产精品久久久久秋霞不卡 | 久久偷人| 涩色视频在线观看 | 欧美日韩国产欧美 | 国产精品不卡一区 | 国产高清一区二区三区 | 女人精96xxx免费网站p | 欧美在线激情 | 欧美日韩久久精品 | 精品日韩一区 | 国产一区久久 | 国产欧美精品一区二区 | 真人女人一级毛片免费播放 | 成人午夜免费在线视频 | 欧美精品在线一区二区三区 | 在线91 | 精品视频国产 | 中文字幕在线视频一区二区三区 | 午夜精品久久久 | 九九热免费在线观看 | 日韩一区二区三区av | 久久久久国产精品一区三寸 | 欧美国产日韩精品 | 欧美一区二区三区视频在线观看 | 久久久久久免费观看 | 一级黄色影片在线观看 | av网站免费 | 日韩精品久久久久久 | 国产精品免费看 | av激情在线 | 一级片在线免费看 | 81精品国产乱码久久久久久 | 日韩成人久久 | 欧美一区二区在线观看 | 在线一区二区观看 |