我正在尝试从服务器加载图像。
图像是在服务器上动态创建的,然后将名称[包括相对路径]传递给客户端以加载到画布中。
画布有3层,设置相同大小的图像并将图像加载到一个画布中。
一切正常工作,对于小图片没有问题。但对于大图片[假设大于9000 x 7000像素],它会抛出“Aw Snap”蓝屏错误。 有时它可以成功加载图像,但通过在其上移动鼠标、移动滚动条或画线来抛出“Aw Snap”错误。
我增加了--disk-cache-size,但没有帮助。
即使设置这些值也没有帮助[--disable-accelerated-2d-canvas,--blacklist-accelerated-compositing,--blacklist-webgl,--disable-accelerated-compositing,--disable-accelerated-layers]
使用IE和Safari进行测试——工作正常,但有些延迟。
请发表您的想法和提示。感谢任何帮助。
这是我的代码
function LoadImage(imageUrl) {
try {
var image_View = document.getElementById("imageView");
var image_Temp = document.getElementById("imageTemp");
var image_Tempt = document.getElementById("imageTempt");
var ctx = image_View.getContext("2d");
var img = new Image();
img.onerror = function() {
alert('The image could not be loaded.');
}
img.onload = function() {
image_View.width = img.width;
image_View.height = img.height;
image_Temp.width = img.width;
image_Temp.height = img.height;
image_Tempt.width = img.width;
image_Tempt.height = img.height;
ctx.clearRect(0, 0, image_View.width, image_View.height);
ctx.drawImage(img, 1, 1, img.width, img.height);
}
img.src = imageUrl;
}
catch (err) {
alert(err.message);
}
}