javascript - Android getImageData() 从内部图像 - SECURITY_ERR : DOM Exception 18

Question

在我的应用程序中，我正在 Canvas 上复制图像，然后从中获取数据。该图像位于项目的根目录中。这是一个简化的代码:

var img = new Image();
img.src = picture.jpg
img.onload = function(){
img.setAttribute('crossOrigin','anonymous');
var canvas= document.createElement('canvas');
canvas.width = 200;
canvas.height = 200;
canvas.getContext('2d').drawImage(img,0,0,200,200);
var iData = canvas.getContext('2d');
try{
    var imgData = iData.getImageData(0,0,200,200);
}
catch(e){
    alert('error: ' + e + '\nimg.src: ' + img.src);
}

这里有一个异常(exception):

ERROR: SECURITY_ERR: DOM Exception 18
img.src: file:///android_asset/www/picture.jpg

所以，该图像是从同一个域获取的；在这种情况下，我没有找到 list 的任何额外许可。此外，我尝试从较小的正方形获取图像数据，如下所示:

imgData = iData.getImageData(10,10,190,190);

为什么我会遇到异常？

Answer 1

就这么简单。在 MainActivity.java 中必须有一个权限:

webView.getSettings().setAllowFileAccessFromFileURLs(true);

仅此而已。