国产成人精品久久免费动漫-国产成人精品天堂-国产成人精品区在线观看-国产成人精品日本-a级毛片无码免费真人-a级毛片毛片免费观看久潮喷

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

html5 - canvas有時(shí)候會(huì)拿不到toDataURL數(shù)據(jù)

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

問題描述

問題:1.不知道為什么,canvas有時(shí)候會(huì)拿不到繪圖數(shù)據(jù),只拿到了“data:;” 。請(qǐng)問我這么寫錯(cuò)在哪里。2.我這么寫canvas 哪里需要優(yōu)化的沒有

相關(guān)代碼:

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;//實(shí)際img元素和圖片實(shí)際比例,四舍五入需減0.01 opt.left=opt.left/ratio;//opt的參數(shù)值是基于實(shí)際img元素的,要獲得基于實(shí)際圖片的值 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:

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

回答2:

我經(jīng)常碰到這樣的事,各種各樣的原因都有,一般都是參數(shù)什么的不對(duì),你看看ctx.drawImage(img,opt.left,opt.top,imgW,imgH,0,0,width,height);這一行的里面的參數(shù)是否都有值(請(qǐng)直接在這一行語(yǔ)句的上面一行打印信息)。沒報(bào)錯(cuò)你只能自己慢慢打斷點(diǎn)一個(gè)模塊一個(gè)模塊去排除。

標(biāo)簽: Html5
相關(guān)文章:
主站蜘蛛池模板: 欧美一级特黄乱妇高清视频 | 伊人网在线免费视频 | 又刺激又黄的一级毛片 | 免费在线观看一区二区 | 国产成年网站v片在线观看 国产成人aa在线视频 | 9久re在线观看视频精品 | 日韩欧美一区二区不卡看片 | 国产精品视频一区二区猎奇 | 黄色三级视频在线播放 | 久久久精品国产免费观看同学 | a级片在线免费播放 | 精品久久免费视频 | 精品国产午夜久久久久九九 | 欧美一级xxx | 国产99视频免费精品是看6 | 亚洲男人天堂2018 | 亚洲日本一区二区三区 | 私人午夜影院 | 亚洲午夜片 | 久久久精品一区二区三区 | 免费久久| 国产午夜人做人视频羞羞 | re久久| 性xxxx奶大欧美高清 | 国产精品所毛片视频 | 亚洲天堂伊人 | 色屁屁一区二区三区视频国产 | 美女一级毛片免费看看 | 亚洲三级a | 国内精品九一在线播放 | 久久国产精品国产精品 | 一级特一级特色生活片 | 成人精品视频一区二区三区 | 乱码在线中文字幕加勒比 | 99久久国产综合精品国 | 精品在线视频一区 | 亚洲欧美精品中文字幕 | 欧美一级录像 | 91免费永久在线地址 | 亚洲a级片在线观看 | 亚洲精品国产成人99久久 |