需要开发一个目标制定-分配-执行的项目（OKR），其中有一个需求是需要以卡片树的形式展示任务的分配和执行情况，并能进行一些交互（收藏任务、@相关人员、展开子任务等）操作。类似组织架构图

Canvas在刚推出时主打的优势就是更快的渲染速度，刷新了人们对Web页面元素绘制速度的印象，但Canvas的优势却不仅限于此。

一张图结缘于SVG，从此对SVG的线条动画情有独钟。一文带你秒懂SVG，从此你也可以成为别人眼中的SVG大神。

G2（图表引擎） 4.0 和 G6（图分析引擎） 3.4版本已经替换了 G（2D 渲染引擎）4.0，这个版本最大的改进是支持了局部渲染，在一些场景下例如节点的状态改变、图形的个体动画等方面性能提升巨大。G 4.0 从开始重构到现在稳定经历了半年的不断完善，遇到了各种各样的问题，…

HTML5 canvas 80 行代码实现的高并发弹幕功能，通过拉伸自动适配所有尺寸，已在 pc，手机，电视浏览器通过测试，通过 jquery 插件方式导入

最近在做网页版图片处理相关的项目，也算是初入了 canvas 的坑。项目需求中有一个给图片添加水印的功能。我们知道，在浏览器端实现图片添加水印功能，通常的做法就是使用 canvas 的 drawImage 方法。对于普通的合成（比如一张底图和一张 PNG 水印图片合成）来说，其…

首先canvas绘图是要有一个 <canvas></canvas> 标签的，然后使用脚本取绘制。<canvas></canvas> 就是一个dom节点，所以我们可以在这个节点上监听一些事件，比如click。但是这样存在问题，点击画布中的任意一个地方，都会触发click事件，现在…

这是我参与11月更文挑战的第13天，活动详情查看：2021最后一次更文挑战 创建画布 data数据 在画布上画两个圆 给画布设3个触控事件

本篇重点 在上次做完初始的小结之后，我打算对引擎的基础进行一些完善。最基本的重新渲染以支持动画，或者实现一个画布网格背景，这都是我想要加入的，但是在这过程中也遇到了很多问题，所以我想把这个过程中遇到的