关系图由节点和连线组成，可以清晰展示实体与实体之间的联系。点进来就学如何用Canvas实现炫酷流动关系图！

Konva的自我简介是：一个通过扩展2d上下文，使其功能在桌面和移动端均可交互的canvas库，包含高性能的动画、变换、节点嵌套、事件处理、分层等等。 Konva源自Eric的KineticJS项目，年龄比fabric要小一点，在19年初进行了部分重构，使用TypeScript…

fabric和konva主要是用于实现编辑器的场景，而Pixi则是一个高性能2D动画渲染库，通常用于一些H5的小游戏或可交互页面。 Pixi是一个基于WebGL Renderer的高性能跨平台渲染库。其中默认使用WebGL相关插件(回退使用CanvasRenderer)去渲染2…

本文将从技术选型的各种考虑因素（如技术的社区活跃度、文档丰富程度、具体落地案例、性能、适用场景、人员学习成本等）对这四个图形库进行对比, 并针对编辑能力做了详细的对比表~

电子签名，或者说自由画笔是一个很常用的功能，本文会给出几种实现方式，最后也会使用一个三方库来实现一个能模拟现实中书写效果的相对完善的电子签名，话不多说，开始吧。

本文，我们将来讲解如何在 canvas 上实现坐标的定位，如下效果图所示： 我们顺便还显示了一个拖拽的功能，当然这个并不是使用 canvas 绘制，后面会讲到。

这里主要是针对于工作流场景的流程图绘制及实现方式。下面是效果图： 整体结构布局： 需要实现的功能列表： 节点与连接线的可配置 节点的拖拽与渲染及连接线的绘制 节点与连接线的选择 节点的样式调...

前端笔记：canvas动效实战，PIXI+GSAP实现刹车动效。整体思路：创建一个应用，创建一个加载器，创建粒子容器，创建自行车容器，创建按钮容器，实现按钮与自行车和粒子的交互。

canvas绘制模糊 在我们日常绘制canvas的时候都不可避免的遇到一个问题，那就是canvas绘制出来的东西可能会有模糊，发虚 为什么会模糊呢？那是因为没有考虑到DPR(Device Pixel