Image 画布图像填充图案填充不工作

我正在使用HTML5画布绘制GUI

图像填充模式在浏览器（包括手机）中运行良好，但当我在Android或iPad上使用Cocoon JS启动器时，纹理模式显示为黑色

var pattern = context.createPattern(imageResource,"repeat");
context.fillStyle = pattern;
context.fillRect(0,0,300,300);

查看CocoonJS控制台，纹理加载正确，context.drawImage（）可以很好地处理相同的图像

文档表明支持画布模式。知道为什么模式填充在CocoonJS启动器中不起作用吗

---

谢谢

CocoonJS支持画布模式。此示例适用于具有POT和NPOT纹理的CocoonJS启动器：

var canvas = document.createElement("canvas");
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;
document.body.appendChild(canvas);
var ctx = canvas.getContext("2d");

var img = new Image();
img.onload = function() {
    var pattern = ctx.createPattern(img,"repeat");
    ctx.fillStyle = pattern;
    ctx.fillRect(0,0,300,300);
}
img.src = "img.png";

---

请分享更多的代码来重现问题。

我成功地追踪到，在初始化三个JS（渲染器、相机等）后，我加载了图像资源

尽管在尝试画布纹理填充之前我一直在等待图像资源加载，但如果在Cocoon launcher中，我遇到了“无填充”问题

---

我所做的只是改变了事情的顺序：首先加载图像资源，然后初始化ThreeJS。Fill现在在launcher中似乎工作得很好，尽管我不完全确定原因。

谢谢-确认它确实在launcher中作为一个独立的测试用例工作。区别在于我的代码在WebGL 3D（ThreeJS）环境中运行，使用画布作为网格和其他许多事情的位图源。我得把我的代码去掉，看看它什么时候开始工作。