Better

无意间了解到 konva.js 库，konva 一个 2d canvas 库，作者基于该库创建一个了付费 Polotno SDK，总结了其多年工作经验，用于快速实现在线设计站点。了解它相关 api 后，有些设计思路值得借鉴。

之前需要写一个在地图上进行图形绘制的组件，考虑到需求复杂度问题，不想导入 fabric 等 canvas 库，想直接使用 canvas 原生 api 进行编写，结果发现原生 api 比我想像中的要不易用一些，最后写下来感觉像是写了一个小型库，特意对比了一下 fabric 在这一块实现的源码，竟然有些相似，哈哈！这里做下简单的笔记，以及一些注意事项

在 three.js 绘制带洞的多边形是很常见且自然支持的需求，在 fabric 中 Polygon 是不支持 holes 的，那么该如何处理呢。我们可以通过扩展 fabric.Polygon，通过 canvas fill-rule 来实现绘制带洞的多边形。

最近的工作内容聚焦于 2D 绘制多一些，公司的选型为 fabric.js，使用了一段时间后，做个入门级别总结。fabric.js 是可以简化 canvas 编写的 js 库，提供 canvas 缺少的对象模型，以及一个 SVG 解析器，一个交互层，以及一整套其他必不可少的工具。

之前做活动时，就有需要将页面保存为图片来分享的功能，就有尝试使用 html2canvas 库，但发现效果不是很好，存在黑白和样式不一致的问题。

应项目需求，需要在订单支付成功页实现类似于支付宝的呱呱乐效果，是时候再次搬出canvas大将了。

最近开发一个红包雨活动，就扇形倒计时功能，准备使用 canvas 实现，也就是对 canvas 绘图有了一个基础的了解。这里仅对几个重要概念进行区分