用图像尺寸设置画布

Question

我正在尝试将画布设置为图片背景。 我想使图像可变，但这是一个不同的讨论。

这是我的代码。

var canvas = document.getElementsByTagName('canvas')[0];

var img = document.createElement('img');

img.onload = function () { alert(img.width + ' x ' + img.height); };

img.src='images/maps/de_dust2.jpg';

canvas.width  = img.width;
canvas.height = img.height;

当页面加载时，我会收到具有正确像素高度和宽度的警报，但是未显示画布。

任何帮助表示赞赏。

Answer 1

var canvas = document.getElementsByTagName('canvas')[0];

var img = document.createElement('img');

img.onload = function () {
    // you need to have thes in the onload, to have img width, height > 0
    canvas.width  = img.width;
    canvas.height = img.height;
    alert(img.width + ' x ' + img.height);
};

img.src='images/maps/de_dust2.jpg';