CSS与CG原理

发表于 分类于

注：本文可以看做一篇综述，不会涉及太多细节；

跳出前端，拥抱CS

img

  • CS：computer science，即计算机科学领域；
  • CG：computer graphics，计算机图形；
  • CV：computer vision，计算机视觉；

前端是多个CS细分领域交叉应用的产物，而CSS本质上就是基于CG原理进行开发的；

为什么？

img

CSS相关的CG原理

变换矩阵

img

相关案例

img

img

字体渲染

img

阴影生成

  • text-shadow
  • box-shdow
  • drop-shadow

img

更多

  • 图片/视频渲染
  • 滤镜与CV/图像处理算法
  • 渐变色生成算法
  • 背景填充与纹理贴图
  • etc.

相关文档