前言 因为群里粉丝一直要求我写一篇可视化入门指南，今天他来了。其实说起前端可视化，大家所能想到的就是各种图表，大屏。这种看着贼炫酷，而笔者呢工作也一直从事3D前端开发工作，慢慢对图形产生了兴趣。但是呢

前言 终于到周末了，前几篇的文章一直给大家介绍2d，canvas 和svg的一些东西。7月份我打算输出3篇万字长文带大家系统地学习可视化表达的3种方式，svg、canvas、webgl。所以这是第一篇

这是我参与8月更文挑战的第4天，活动详情查看： [8月更文挑战] 不知不觉又到了周末，又到了Fly写文章的日子，今天给大家介绍下一个web中很常见的功能， 就是撤销和复原这样一个功能，对于任何一个画图

fabricjs 在国内并不算特别出名，但是在国外应该是特别的火了。它是一个强大的js库，使用它能够很方便的操作canvas。平时使用canvas的时候，总要学习它的各个api，画简单图形还算熟练，一旦稍微复杂一点就需要不断的查文档，非常不方便。fabric.js提供在上面建立…

接上篇,地址需求更新：技术思路涉及API效果图如下Tips:本示例完整代码地址:传送门

需求如下：根据后台返回的海报背景图和一个连接二维码(vue-qr)，合成一张图，然后可以进行长按保存本地操作

之前写过一个基于canvas实现的共享写作画板应用，当时在写这个应用的有画板绘制的“前进”和“后退”功能，当时查了MDN上的Canvas文档，看到了有save()和restore()两个方法。文档上是这样解释的使用 save() 方法保存默认的状态，使用 restore()进行…

最近在捣鼓 Three.js 相关知识，同时觉得微信小游戏是个不错的试错场呢。来个 2048 小游戏踩踩坑。 乍一看，感觉就是 2D 的么，与 Three.js 没半毛线关系。请仔细看，有阴影，有透明度，有立体感，一切都在细节中，3D 的没错。 这里吐槽一哈，微信部分版本，进游…

其实 canvas 本身很简单，就是去学习它的 API，多看实例，多自己动手练习，多总结。但是 canvas 的 API 实在是有点多，对于初学者来说，可能学到一半就止步不前了。我也有这种感觉，在学习的过程中，编写实例，用到了其中很多的属性和方法，但是回头来看的时候总觉得什么也没用。所以决定系统性的记录一下它常用到的 API，方便以后查阅，也顺便造福一下大家