html - 使用 2D 和 3D 上下文的 Canvas 3D 绘图

标签 html opengl-es canvas webgl

既然 webgl/opengl 不支持文本绘制,那么可以使用 3D context 绘制 3D 对象,使用 2D context 绘制文本吗?

最佳答案

不,不幸的是不是。

HTML 5 spec表示如果您在已经位于不同 context mode 中的 Canvas 元素上调用 getContext并且两个上下文不兼容则返回null

不幸的是,“webgl”和“2d” Canvas 不兼容,因此您将得到 null:

var canvas = document.getElementById('my-canvas');
var webgl = canvas.getContext("webgl"); // Get a 3D webgl context, returns a context
var twod = canvas.getContext("2d"); // Get a 2D context, returns null

关于html - 使用 2D 和 3D 上下文的 Canvas 3D 绘图,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/2928558/

相关文章:

javascript - 创建 BitmapData 并从中创建 Sprite 以及可能的性能差异

c# - 加快在 WPF 中将对象添加到 Canvas

html - 背景 repeat-x 在 Tumblr 主题上搞砸了

jquery - 根据选择更改背景图像

javascript - 渲染到 3D 纹理 webgl2

android - 使用 OpenGL 和 MediaCodec 播放视频

html - 无法清除 float 的 div

html - 如何使用xampp创建网站?

ios - 使用 OpenGL ES 在 iPhone 上渲染到立方体贴图

javascript - 图片未加载到 Canvas 上?