JavaScript：一个画布多个纹理

我试图在一个画布上渲染多个图像，但似乎忽略了一些东西：

var canvas=document.createElement（'canvas'）；
画布宽度=4086；
canvas.height=4086；
var ctx=canvas.getContext（'2d'）；
var loadedImages=0；
对于（var j=0；j您正在使用长格式API绘制图像，该API旨在选择源图像的一部分绘制到画布上。您实际上只需要“短”版本，因为（我认为）您希望绘制整个图像四次

当您使用长格式时，代码会请求源图像中不存在的像素，因为它的大小只有2048x2048像素。
到底是什么问题？画布上只添加了我的一幅图像，而不是全部四幅。您不需要将
x
和
y
乘以2048吗？@Pointy哇，是的，但不会显示最近Chrome上的其他图像…我想你需要更简单的
drawImage（img，x，y，w，h）
API。