Javascript new Image()没有加载图像
Javascript new Image() not loading image
我通过javascript加载url创建了一个新图像,但是当它加载到屏幕上时,它没有,通过进一步的调查,我发现在我加载图像后,图像没有设置高度和宽度。这是我用来创建和绘制图像的代码。
var img = createImage("./Images/saveButton.png");
context.drawImage(img, 50, 50);
var oldback = context.getImageData(0, 0, 64, 64);
context.drawImage(img, 50, 50);
var imgData = context.getImageData(0, 0, 64, 64);
为什么会发生这种情况,因为我相信我已经做了正确的一切?
我不知道createImage
做了什么,但我想它只是创建了一个新的实例,像这样:
var createImage = function (url) {
var img = new Image();
img.src = url;
return img;
}
问题是,图像只能绘制到画布元素,如果它已经加载,所以你必须提供一个onload
回调:
var createImage = function (url, callback) {
var img = new Image();
callback();
img.src = url;
return img;
};
createImage("./Images/saveButton.png", function () {
context.drawImage(img, 50, 50);
var oldback = context.getImageData(0, 0, 64, 64);
context.drawImage(img, 50, 50);
var imgData = context.getImageData(0, 0, 64, 64);
});
相关文章:
- 如何在谷歌字体加载时显示加载图像
- 预加载图像并插入DOM
- 加载图像时加载图标
- 在页面启动期间加载图像
- 预加载图像image.onload脚本MVC
- 可以't在我的React组件中加载图像
- 加载图像后调整HTML画布的大小
- HTML/JS github页面项目没有't在使用firefox运行时加载图像或声音
- 错误:$injector:modulerr加载图像时模块处于角度
- 谷歌地图加载后隐藏加载图像
- 在照片查看器(Javascript和jQuery)中异步加载图像时可能出现错误
- 正在从字节数组加载图像内容
- 网页上已有tinymce加载图像列表
- 单击提交按钮后加载图像将冻结
- 如何使用Express'正确加载图像;s的静态中间件
- 使用jquery即时加载图像
- Html5画布使用JCanvasScript加载图像
- Javascript使用JCanvaScript在画布中加载图像
- 使用jquery/ajax显示加载图像
- ajax缓存false无法加载图像