JavaScript对多个元素使用背景图像，而无需每次下载

我正在用JavaScript创建一个游戏引擎，希望让用户上传图像/选择对象精灵的图像URL。我让用户创建“蓝图”对象，每次创建“对象实例”时都会复制这些对象

---

对于新创建的元素，是否可以使用与blueprint objects图像相同的图像数据，而无需再次下载图像？我已经研究过使用画布，但无法确定是否可以使用它们在不再次下载图像的情况下以某种方式将数据从一个画布传输到另一个画布。

您的浏览器将在首次加载图像时存储图像。

我假设您的引擎在web浏览器上运行？如果是这样，即使每个对象都有自己的图像，该图像也将从浏览器的缓存中加载，因此不会发生实际的“加载”。也就是说没有网络呼叫（或延迟）。我认为每一张图片都是一张单独的图片

---

您可以将“blueprint”图像的单个实例传递给所有对象实例。这样，它们将共享同一个实例

你能使用css/html吗？通过这种方式，您可以将图像存储为背景图像，只需将类应用于对象。如果您使用具有相同名称和相同url的图像，浏览器将加载一次，然后在缓存过期时间不为0的情况下从缓存中加载。您的意思是为一个用户多次使用相同的图像？我的意思是基本上复制一个对象，并希望使用该图像从一个对象获取的数据用于新对象，而不是再次下载图像。