html - 我可以在 HTML5 的单个上下文 2D 画布窗口中“嵌入”/混合一个（或多个）上下文 3D 画布窗口吗？

Question

第一个问题可能看起来很奇怪，所以我将尝试使用一个示例进行解释：

基本上我想要的是一张大桌子（上下文 2d），上面有几个托盘（上下文 3d 窗口），托盘上有茶壶和杯子（3D 内容）。

代码将如下所示：

<canvas context="2d">

    <canvas context="3d" id="tray1">
       <model id="teapot1" />
       <model id="cup1" />
    </canvas>

    <canvas context="3d" id="tray2">
       <model id="teapot2" />
       <model id="cup2" />
    <canvas context="3d">

</canvas>

所以，

(1) 桌子是固定的，不能移动；

(2) 用户可以轻松地“移动”托盘，并在他们所属的范围内“移动”或“环绕”茶壶。托盘和托盘当然不能重叠。

现在这个概念在 HTML5 中可行吗？

希望我的比喻足够清楚。

谢谢。