几个前端2d图形库的比较
作者：互联网
最近项目需要一些绘图的操作，所以对比了一些热门一点的开源2d图形库。
fabric.js
一个操作canvas的库，在github上有18k的star。支持svg与canvas的互相转换，基础的图形元素当作对象操作，包含了拖拽、缩放、变形等处理，支持图层。
缺点似乎是官方的自动生成的文档并不是那么友好，好在demo挺多的。
Konva.js
跟fabric.js的功能很像，普通绘图元素也是当作对象来操作，挂网文档也更优秀一些，但是github上没有fabric.js热门，只有不到6k的star。
pixi.js
支持webgl的渲染引擎，性能非常优秀，在这个benchmarks页面上看到，我的设备上，正方形数调到5000，只有pixi.js和two.js能保持60帧，其他的都小于30帧。因为优异的渲染性能，pixi.js主要用于做游戏。
基础绘图函数似乎没有fabric.js丰富，拖拽等操作也需要自己编写，不像fabric.js已经默认开启。
two.js
同样支持webgl渲染，基础绘图接口很丰富，官网例子很漂亮。但是似乎除了svg没找到加载普通位图的接口，并且似乎不支持es模块的加载方式，也不支持typescript。不过github上的开发还算活跃，后面应该会补上。
所以比较之后的结果是，如果需要追求渲染性能，应该使用pixi.js，但仅仅是方便图形操作，直接用fabric.js也够了。
标签：github,fabric,渲染,前端,js,2d,pixi,图形库,绘图 来源： https://www.cnblogs.com/fwindpeak/p/14480556.html