功能和图像导入

Question

我正在用Javascript和HTML5 canvas开发游戏开发项目。 我有用于加载精灵的通用代码：

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

我想知道是否有一种更简单的方法来执行此操作，我首先是按功能考虑的，但是不确定如何执行。 我想这样做是这样的：

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

但是，我认为这不是正确的方法。 有人可以纠正我的代码和/或提供一种更简单的方式来加载这样的图像吗？ （我也使用ctx.drawImage（...，sprite）来更改画布上的坐标，因此它需要以一种或另一种方式使用x，y，width和height参数）

Answer 1

为什么不按以下方式使用：

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

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