余之乐

摘要： 最强大脑节目里有些项目设置得比较有意思，比较喜欢看。在贴吧看到有人用.NET写了个小程序模仿节目里的雷达探点项目，不会.NET，只会用HTML5也做了。 代码如下： 阅读全文

摘要： WebGL使用着色器信息绘图，着色器使用OpenGL ES（GLSL）编写 着色器分为顶点着色器（Vertex shader）和片元着色器（Fragment shader），顶点着色器描述位置信息，片元着色器描述颜色信息 gl_Position、gl_PointSize、gl_FragColor均为 阅读全文

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

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

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

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