使用Fabric.js实现播放视频，并且通过WebGL的removeColor滤镜，实时扣除视频绿幕，能够流畅地播放视频。

这篇文章将结合代码介绍Fabric.js的关键功能，并在最后将其与另一功能相近的js库 -- paper.js进行对比。

fabric.js是一个canvas库，今天整理了一下fabric.js可以实现的功能，用动图的形式分享给大家，方便快速了解fabric.js

编辑器项目已经开源，600+ star，fabric.js的进阶用法，截图效果、实现思路与代码均在文章中。

源码在GitHub上，总结下使用fabric.js开发一个编辑器需要用到哪些知识点。 预览地址：https://nihaojob.github.io/vue

上一章，我们已经介绍了图元基类Node,正如React构建组件库一样，我们也可以构建我们的基础图元库，以备我们后续开发使用。下面我们将简单介绍几个基本图元类。 折线是由多个坐标点组成的曲线，不同于Line由两个点组成。源代码如下：

其实有很多库已经实现了流程图，比如 jointjs，gojs，jsplumb 等等。可惜都不是免费的。 如果要做的简单呢，就用贝塞尔曲线就好了，只需要提供起点终点两个点的坐标，就能用简单的算法生成一个svg 的path了。这样算法网上应该找得到。 但是如果要用正交连线来实现，这…

“线”是可视化展现中最常见的图形元素，最直观的就是折线图，如图一。 我们也经常使用线来绘制闭合的路径，从而形成可填充区域，比如面积图和雷达图，如图三和图四。 本篇文章在 Canvas API 的基础上，为大家讲解可视化研发中线的画法封装和线的动画实现方案（整体方案建立在图形学基…

推荐一系列Canvas图形绘制、VR/AR、2D/3D、流程图、图编辑、图像处理等方面的库，希望助你在Canvas绘图时寻得一把趁手的利器