2017年3月6日

学习WebGL:第一个代码

摘要: 利用canvas和javascript,就可以在页面绘制2d图像,但对于3d的图像,目前是无能为力的。要绘制3d图像,就必须使用WebGL。 以我的理解,WebGL是内嵌在浏览器中,在使用时是通过javascript调用浏览器提供的WebGL API,然后在canvas绘图区绘制图像。刚开始接触We 阅读全文

posted @ 2017-03-06 18:45 余之乐 阅读(1152) 评论(0) 推荐(0) 编辑

base64编码图片

摘要: 在canvas中drawImage的时候,是可以使用data:url来引入图像的,这个data url就是用一串base64编码的字符串来表示一幅图片。 同时,在html的img标签里,也可以使用data url,这样做的好处就是下载html文件的同时也把图片下载了,可以减少http连接数量,和CS 阅读全文

posted @ 2017-03-06 17:35 余之乐 阅读(320) 评论(0) 推荐(0) 编辑

canvas的2个例子

摘要: 以前看过一个gif动图,有点意思,就用canvas做了一个, 第二个是参照了MDN上教程里的一个例子,更改了一点 阅读全文

posted @ 2017-03-06 16:46 余之乐 阅读(314) 评论(0) 推荐(0) 编辑

学习WebGL:从HTML5开始

摘要: 在html5出现以前,要在页面显示图像,只能使用img标签,不过这个标签显示的图像是静态的,无法交互。 html5新引入的canvas标签,结合javascript,可以在网页上实时渲染绘制图像。 一个简单的例子,绘制一个红色填充的矩形和一个绿色边框的矩形: 阅读全文

posted @ 2017-03-06 16:26 余之乐 阅读(202) 评论(0) 推荐(0) 编辑

导航