是否可以更改 WebGL 上下文的画布元素？答案

【问题标题】：Is it possible to change the canvas element of a WebGL context?是否可以更改 WebGL 上下文的画布元素？
【发布时间】：2016-05-09 16:43:34
【问题描述】：

我有一个应用程序目前正在使用多个 webGL 上下文，我需要使其仅在一个 webGL 上下文中正常工作（因为我的许多目标设备只支持一个 webGL 上下文。）

我无法将其缩减为单个画布，因为我与 DOM 内容（例如网页）进行了分层。

理想情况下，我可以简单地切换画布并正常使用 webGL 上下文，但我找不到执行此操作的方法。有什么想法吗？

我使用 Pixi.js v3 以防万一，但我不介意直接使用 webGL 命令。这甚至可能吗？ 2012 年在 Khronos 邮件列表上对此进行了一些讨论，但这似乎是一个死胡同 (https://www.khronos.org/webgl/public-mailing-list/archives/1210/msg00058.php) - 但我希望有替代方案？

【问题讨论】：

标签： canvas webgl

【解决方案1】：

目前无法将 WebGL 上下文移动到不同的画布上。

这种技术不适合你吗？

https://stackoverflow.com/a/30546250/128511

【讨论】：

对不起，我忘了回复这个，过去几个月很忙。不，不幸的是，该技术不起作用，因为我需要能够在画布内容之间分层非画布内容。这意味着我需要能够绘制一些画布内容，绘制 DOM-stuff，然后在同一个地方绘制更多的画布内容，然后是更多的 DOM-stuff，等等。我编写了一个优化器，为画布内容找到了最佳边界矩形并尽可能将其减少到单个上下文中（因为事先知道分层顺序），这使其可行但并不理想。
也许如果你在你的问题中添加一张你需要什么的图表，那么你想要做什么会更清楚