用于canvas html5的Javascript getImageData

我把头发撕掉了！我得到了这个工作,认为’我能负担不起保存这个版本’,然后我打破了’构建’.

行myImageData = context.getImageData(0,0,canvas.width,canvas.height);似乎打破了这一点,因为警报将在之前发挥作用,但不会发生.

图像本身正在加载.

任何和所有的建议都欢迎^ _ ^我正处于系绳的尽头,并且很快就会让RSI开始自杀.

var myImageData;

var image_var = new Image();
image_var.onload  = function () {
    canvas.width  = image_var.width;
    canvas.height = image_var.height;
    context.drawImage(image_var, 0, 0, image_var.width, image_var.height);
    myImageData   = context.getImageData(0, 0, canvas.width, canvas.height);
    alert('');
}
image_var.src = "example1.jpeg";

解决方法:

将下面的代码添加到您的实际代码中,firefox允许您在本地工作

netscape.security.PrivilegeManager.enablePrivilege("UniversalBrowserRead");

它实际上是做什么的？

当脚本调用此函数时,如果签名有效或启用了代码库主体,则可以授予扩展权限.如果用户之前没有访问过此主体,则会出现一个对话框,询问用户是否要接受签名的代码.与Communicator 4.x不同,Mozilla不显示详细的Java授权对话框,而是一个简单的对话框,询问是否可以信任委托人.用户可以接受或拒绝并允许浏览器记住他们的选择.如第二个示例所示,可以同时请求两个权限,因此只显示一个对话框.

权限仅在请求函数的范围内授予.此范围包括请求函数调用的任何函数.当脚本离开请求函数时,特权不再适用.

你可以阅读更多关于它here

这是一个演示

标签：javascript,canvas,getimagedata
来源： https://codeday.me/bug/20190518/1129332.html