javascript - 功能、图像导入

Question

我正在开发一个使用 Javascript 和 HTML5 Canvas 进行游戏开发的项目。我有一个用于加载 Sprite 的通用代码:

var sprite = new Image();
sprite.src = "sprite.png";

我想知道是否有一种更简单的方法可以做到这一点，我首先想到的是功能，但不确定应该如何做。我想这样做:

function loadSprite(src) {
this.src = src;
}
var loadSprite(sprite.png);

但是我认为这不是正确的方法。有人可以纠正我的代码和/或提供一种更简单的方法来加载这样的图像吗？ (我还使用 ctx.drawImage(..., sprite) 来更改 Canvas 上的坐标，因此它需要以一种或另一种方式的 x、y、宽度和高度参数)

Answer 1

为什么不使用如下:

function loadSprite(src) {
var sprite = new Image();
sprite.src = src;
return sprite
}

var _local_var = loadSprite('sprite.png');