JavaScript 为多个元素使用背景图片，无需每次都下载

Question

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

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

Answer 1

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

Answer 2

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

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