绘制复杂的图形和在特定情况需要改变图片以及交互的时候,使用原生 canvas API 将会变得很困难。 而 Fabric 旨在解决这个问题。

✨ 千万不要觉得使用Canvas开发滤镜很复杂。说白了它就是在操作每一个像素点，按照你的规则去重新配色

事情是这样的，前段时间`外包工头`老杨又来找我了，说某汽车大品牌要开发一个网页展厅，希望可以在网页里360度展示它家新款汽车的3d模型，还要可以让用户DIY汽车部件的颜色。

书接上文上一弹中主要介绍了一下什么是WebGL，和大家一起理解了这货到底是个啥东西，不知道大家还记得多少，毕竟这一更也太久了，忘记了的话可以回去快速回顾一下哦，其实嘛，内容不多，就是图形编程的简单过程

转前端后，我就发现了不少新奇好玩的东西，WebGL，WebAssembly(后面再起这一个系列)，前端还能干这么东西啊，完全出乎我意料，一直以为Web就是性能不好，所以才一直在Native上玩。以前我玩客户端，为了追求极致的性能，巧合的就干了这里两件事情，第一件就是自学了ARM…

在上一篇文章：《WebGL 坐标系基础（一）》中，我们介绍了WebGL 中常见的几种坐标系以及他们之间的关系。本期将更加“硬核”一些，从数学的角度，推导上期讲到的各个变换矩阵。 在下面的推导中，我们统一使用列向量来表示一个坐标，所谓列向量就是一个N*1 矩阵。例如坐标(x, y…

对于坐标系相信大家都不陌生，写css的时候大量使用的绝对定位就通过坐标系来描述一个dom的位置。而在WebGL中不仅大量使用了坐标系，还使用了各种各样的坐标系，有的用来描述一个模型自身，有的用来描述一个3d场景。 这些坐标系有各自的使用场景，之间相互独立。但我们能通过坐标变换来…

WebGL 没有提供一些基础的 API 来帮助你构建矩形、圆形或则立方体和球体等基础几何形体，如果你想用原生的 WebGL 来绘制这些形体的话，就需要了解 WebGL 支持直接绘制的基础图元，以及如果通过这些基础图元去构建更加复杂的几何形体。 图元（primitive） 是指绘…

学习 WebGL 程序需要学习两个新东西，一个是WebGL API，另一个是着色器语言。其中着色器语言是用来控制 GPU 渲染的编程语言，而 WebGL API 则是 JavaScript 和着色器语言之间的桥梁，JavaScript 通过 WebGL API 间接地控制 GP…