Canvas 是否可以在WebGL内容上绘制透明画布？

我习惯于在Flash中通过Stage3D（OpenGL）结合旧的2D API

现在我想使用与我的UI的Flash 2D API非常相似的EaselJS，但我想在3D内容上绘制它

---

现在，AFAIKEaselJS是基于画布的。是否可以通过某种方式在WebGL上组合画布？或者它需要严重的黑客攻击吗？

WebGL画布只是一个画布，与任何其他HTML元素一样。您可以随意堆叠（最多可堆叠到浏览器设置的限制或内存）

这里有5层

下潜

webgl画布

中段

二维画布

顶级跳水运动员

var gl=document.querySelector（“l1”）.getContext（“webgl”）；
总帐启用（总帐剪刀测试）；
gl.剪刀（100,50,100,90）；
gl.clearColor（0,0.25,0,0.25）；
总账清除（总账颜色缓冲位）；
var ctx=document.querySelector（“#l3”）.getContext（“2d”）；
ctx.fillStyle=“rgba（255,0255,0.25）”；
ctx.font=“55px san serif”；
ctx.textAlign=“中心”；
ctx.fillText（“第3层”，150,50）
#l0，#l1，#l2，#l3，#l4{
位置：绝对位置；
左：0；
排名：0；
宽度：300px；
高度：150像素；
边框：1px纯黑；
文本对齐：居中；
字体大小：粗体；
}
#l0{
颜色：rgba（255,0,0,0.25）；
字体大小：70px；
}
#l2{
颜色：rgba（0255,0,0.25）；
字体大小：60px；
}
#l4{
颜色：rgba（0,0255,0.25）；
字体大小：50px；
}
第0层
第二层
第4层