一张图结缘于SVG，从此对SVG的线条动画情有独钟。一文带你秒懂SVG，从此你也可以成为别人眼中的SVG大神。

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

本文整理自老冯于 凹凸 2022 年技术分享，带领大家从案例、应用、技术生态出发，让大家了解一下 3D 在 Web 端的现状。

WebGL 是什么 对于 WebGL 百度百科给出的解释是 WebGL 是一种 3D 绘图协议，而对此维基百科给出的解释却是一种 JavaScript API。由于 WebGL 技术旨在帮助我们在不使

GLSL 全称为 OpenGL Shading Language ，是用来在OpenGL中编写着色器程序的语言。用GLSL编写的着色器程序是在图形卡的GPU （Graphic Processor Unit图形处理单元）上执行的，代替了固定的渲染管线的一部分，使渲染管线中不同层次…

canvas除了最常用的javascript API绘制方式，还有WebGL的绘制方式。WebGL对很多同学来说就是实现3D场景的，其实对2D绘图来说，也有很大的发挥场景。