Javascript WebGL&x2B；灯箱2

我正在尝试在我有WebGL画布的页面上使用Lightbox2

因此，我的画布动态加载随机图像，我希望这样，当用户双击图像时，它会弹出类似Lightbox2的效果

现在，我有了它，所以当双击事件被触发时，它会将图像的url发布到控制台中。我想从缓存中提取或重新下载图像（不理想），并将其显示在Lightbox2弹出窗口中。然后，当用户完成查看后，他们可以关闭它并返回查看画布

有人知道我怎么做吗

谢谢

---

编辑：

在没有看到您的项目的情况下，问题似乎是Lightbox2设计为通过单击链接激活。很明显，无论你在WebGL中单击什么，你都能从中获得正确的URL，这是最困难的部分

接下来，您需要创建一个link元素，使用所需的属性对其进行设置，快速将其添加到DOM中，触发单击，然后将其从DOM中删除

var TempLink = document.createElement('a');

//Set the attributes that Lightbox2 uses. Your needs will vary.
TempLink.setAttribute('href', 'your/image/url.jpg');
TempLink.setAttribute('data-lightbox', 'your-set');
TempLink.setAttribute('data-title', 'My Image Title!');

//Disable rendering, even though it shouldn't draw anyway.
TempLink.style.display = 'none';

//Add to DOM, click it, and immediately remove it.
document.getElementsByTagName('body')[0].appendChild(TempLink);
TempLink.click();
document.getElementsByTagName('body')[0].removeChild(TempLink);

---

因此，您下载图像（现在JavaScript代码可以访问它）并使用webgl API将其上载到GPU，但您想在html css JavaScript代码中使用此图像吗？我看不出这里有什么问题如果你对数据源有问题（比如如果light box API只从url接收图像），那么你可以使用，但要注意图像大小的限制。我不确定我是否了解你们，我对web编程非常陌生。。。有没有一个教程或什么我可以跟进你所说的？