編寫插件時(shí),利用canvas將本地圖片先進(jìn)行處理制作一個(gè)素材庫。然后獲取網(wǎng)頁圖片與素材庫進(jìn)行比較。 實(shí)際中drawImage(im,0,0)后無法getImageData(),原因是im是本地圖片(js所在文件夾下的文件).請問如何才能用canvas操作本地圖片呢`var im = new Image(), //im.crossOrigin = null; //im.crossOrigin = "Anonymous"; canvas = document.createElement("canvas"), ctx = canvas.getContext("2d"); im.onload = function(){ canvas.width = this.width; canvas.height = this.height; ctx.drawImage(im,0,0); var imgData = ctx.getImageData(0,0,80,20); imgData = binaryzationImageData(imgData); ctx.putImageData(imgData,0,0); for(var i=1;i<=4;i++){ (function(i){ var imgData = ctx.getImageData(offsetX+gap*(i-1)+fontWidth*(i-1),offsetY,fontWidth,fontHeight); !source[numArr[i-1]] && (source[numArr[i-1]] = imgData.data.join("").replace(/255/g,"1")); })(i); } } im.src = pic;`
編寫Google瀏覽器插件時(shí) js中利用canvas對本地圖片進(jìn)行處理時(shí)遇到跨域問
米脂
2018-11-21 10:19:53