微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

html5 – 使用2D和3D上下文的Canvas 3D绘图

由于webgl / opengl不支持文本绘制,因此可以使用2D上下文使用3D上下文和文本绘制来绘制3D对象?

解决方法

不,不幸的是没有.

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

不幸的是,“webgl”和“2d”画布是不兼容的,因此您将获得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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐


HTML5和CSS3实现3D展示商品信息的代码
利用HTML5中的Canvas绘制笑脸的代码
Html5剪切板功能的实现
如何通过HTML5触摸事件实现移动端简易进度条
Html5移动端获奖无缝滚动动画实现
关于HTML5和CSS3实现机器猫的代码
HTML5使用DOM进行自定义控制
使用HTML5 Canvas绘制阴影效果的方法
使用PHP和HTML5 FormData实现无刷新文件上传
如何解决HTML5 虚拟键盘出现挡住输入框的问题