2017年12月28日 背景 canvas 是一张画布，仅有一个DOM元素，浏览器没有内置多余的API，所有的交互需要开发直接实现。 几何计算 ...

2017年9月5日 背景 遇到 Canvas 使用 drawImage() 绘制图形出现锯齿严重的问题。 drawImage() drawIma...

2017年8月8日 一、思路 对比 odemeter.js 方式。 弊端：生成了太多 DOM。性能瓶颈。 初始方案： 使用数张临时canvas来...

2017年5月8日 一、背景 力导向图非常适合于渲染关系型信息图。 二、什么是力导向图(Force-directed)？ 我们可以把整张 Net...

2017年5月11日 一、描述 模仿行星绕着恒星旋转的动效 二、原 SVG 方案 一开始我选择使用了 SVG 方案去完成这个动效： 椭圆轨道使用...

2017年7月28日 一、背景 绘制趋势图时，曲线有“锯齿感”，不够顺滑、优美。亟待优化之。 二、回顾绘制过程 1. 根据数据，转化成画布上的 ...

2016-05-12 用 Canvas 绘制飞线 背景 上一周完成了地图与飞线的实现，使用的是 d3.js + svg，后发现可能存在性能隐患。...

2016-06-24 用 Canvas 绘制一个饼图且实现动效。涉及：canvas 基本 api, requestAnimationFrame,...