Javascript 无法将画布加载到三个。纹理（）；

我无法将图像加载到正在制作的立方体的侧面。 目前，图像加载到画布上，但我似乎无法添加到纹理中

function createPictureCanvas(text, font, foreground, background, xres, yres, backOpacity) {
    var canvas = createHiDPICanvas(xres, yres);
    // var context = canvas.getContext("2d");
    var canvas = document.createElement("canvas"),
    context = canvas.getContext("2d"),
    image = new Image(),
    imageUrl = "images/placeholder.jpg";

    image.onload = function() {
        context.drawImage(image, 0, 0);
        alert("hi");
    };
    document.body.appendChild(canvas);
    image.src = imageUrl;
    var texture = new THREE.Texture(canvas);
    texture.anisotropy = renderer.capabilities.getMaxAnisotropy();
    texture.needsUpdate = true;
    var material = new THREE.MeshBasicMaterial({ map: texture, transparent: true });
    return material;
}

---

尝试指定

宽度

和

高度

并清除上下文。这是我使用的代码：

var canvas = document.createElement("canvas"),
    context = canvas.getContext("2d"),
    image = new Image(),
    imageUrl = "images/placeholder.jpg",
    width = 100,
    height = 100;

canvas.width = width;
canvas.height = height;

image.onload = function() {
    context.clearRect(0, 0, width, height);
    context.drawImage(image, 0, 0, width, height);
};
image.src = imageUrl;

---

尝试指定

宽度

和

高度

并清除上下文。这是我使用的代码：

var canvas = document.createElement("canvas"),
    context = canvas.getContext("2d"),
    image = new Image(),
    imageUrl = "images/placeholder.jpg",
    width = 100,
    height = 100;

canvas.width = width;
canvas.height = height;

image.onload = function() {
    context.clearRect(0, 0, width, height);
    context.drawImage(image, 0, 0, width, height);
};
image.src = imageUrl;

---

---

尝试删除

img.style.display=“无”可能？添加了这一点，因为我只想将图像加载到画布上，而不想在img标记上显示img。已删除，但仍存在相同的问题。找不到任何错误消息。您是否看到您的映像在网络面板（devtools）中是否正确加载？当您的映像设置为
src
属性时是否调用函数
onload
？是的，如果我在该方法中放入警报，它将发出警报。它只是不绘制图像。请尝试删除
img.style.display=“无”可能？添加了这一点，因为我只想将图像加载到画布上，而不想在img标记上显示img。已删除，但仍存在相同的问题。找不到任何错误消息。您是否看到您的映像在网络面板（devtools）中是否正确加载？当您的映像设置为
src
属性时是否调用函数
onload
？是的，如果我在该方法中放入警报，它将发出警报。它只是不画图像。你是应该把它键入画布…，新行上下文，还是应该是@kai只是内联了每个变量的声明（您可以键入
vari，j，k；
）。这是您要问的吗？@kai all variable不是同一类型当前，尝试运行代码时出现此警告与跨站点资源关联的cookie在没有
SameSite
属性的情况下被设置。如果Chrome的未来版本设置为
SameSite=None
和
Secure
，则只能提供带有跨站点请求的cookie。您可以在“应用程序>存储>Cookie”下的“开发人员工具”中查看Cookie，并在和处查看更多详细信息。尝试了该方法但仍有相同的结果，可能是因为上述警告？您应该将其键入canvas…、新行上下文，还是应该键入@kai只是内联了每个变量的声明（您可以键入
vari，j，k；
）。这是您要问的吗？@kai all variable不是同一类型当前，尝试运行代码时出现此警告与跨站点资源关联的cookie在没有
SameSite
属性的情况下被设置。如果Chrome的未来版本设置为
SameSite=None
和
Secure
，则只能提供带有跨站点请求的cookie。您可以在“应用程序>存储>cookies”下的“开发人员工具”中查看cookies，并在和处查看更多详细信息。尝试了该方法，但仍有相同的结果，是否是因为上述警告？