参考文章: WebGL 三维几何加工 webgl没有可能直接绘制曲线的基本图元, 我们选择LINE_STRIP图元类型, 表示以首尾连接的线段方式绘制. 所以我们可以在贝塞尔曲线上采样, 从而形成一条

GPU是现代计算机中不可缺少的一部分。同样，在现在这个5G时代，元宇宙的概念十分的火热。那么对于元宇宙这样的应用场景，可以说的是3D技术是非常重要的一环

什么是canvas?怎么做性能优化？代码怎么实现，到底什么因素影响canvas性能，看过来，有问题我教你解决！

如果我们用 Canvas 实现了一些动画效果，需要将它回放出来，很多人通常就是用录屏工具将屏幕内容录下来播放，很少有人知道，Canvas 可以直接通过现代浏览器支持的 Media Streams API 来转成视频。 Canvas 对象支持 captureStream 方法，这…

清除指定矩形区域，让清除部分完全透明。 新建一条路径，生成之后，图形绘制命令被指向到路径上生成路径。 绘制完后调用，闭合路径之后图形绘制命令又重新指向到上下文中。 通过线条来绘制图形轮廓。 通过填充路径的内容区域生成实心的图形。 画一个以（x,y）为圆心的以radius为半径的…

画布大小：由canvas标签上设置的width，height决定，默认是 300 x 150，这也是画布坐标系x轴和y轴的最大值，超过这两个值，则意味着超过了画布大小，超过的部分自然不会生效。 canvas标签大小：由css样式的width，height决定，默认是画布的大小。…

本文会使用前端技术来模拟2d和3d鸟群，我选用canvas元素绘制，当然也可以使用css3或者svg。 2d的渲染引擎我选择cax，cax是一款我非常喜欢的渲染引擎，支持小程序、小游戏以及 Web 浏览器渲染。用它既能开发小游戏也能开发图表（见wechart），强力推荐！ 考虑…

最早知道 canvas 的 globalCompositeOperation 属性，是在需要实现一个刮刮卡效果的时候，当时也就是网上找到刮刮卡的效果赶紧完成任务就完了，这次又学习一次，希望能加深理解吧。 先来看下 canvas 的 globalCompositeOperatio…