本系列教程是教大家如何根据开源js绘图库，打造一个属于自己的在线绘图软件。当然，也可以看着是这个绘图库的开发教程。如果你觉得好，欢迎点个赞，让我们更有动力去做好！

笔者之前有一段时间一直在学习Canvas相关的技术知识点，通过参考网上的一些资料文章，学着利用简单的数学和物理知识点实现了一些比较有趣的动画效果，最近刚好翻看到以前的代码，所以这次将这些代码实践重新梳理一遍后整理成文，自己巩固复习的同时，可以和大家一起交流学习。作为【Canvas真好玩】系列的第一篇文章，笔…

周末好，今天给大家带来一款接地气的环形进度条组件vue-awesome-progress。近日被设计小姐姐要求实现这么一个环形进度条效果，大体由四部分组成，分别是底色圆环，进度弧，环内文字，进度圆点。设计稿截图如下：

前言：花时间学习了网易的年度娱乐圈画转h5的技术实现。有些点比较难懂，故此，做个笔记。如果恰好帮助到你，棒呆

在介绍小游戏之前，先看一个框架 Phaser。Phaser 框架是一个 快速、免费且开源的 HTML5 游戏开发框架，它提供了 Canvas 和 WebGL 两种渲染方式，兼容 PC 端与移动端浏览器。

公司国庆搞了个集卡、抽奖小活动。抽奖需要刮刮卡的效果，感觉 css 是实现不了。看我使用 canvas 如何实现刮刮卡效果。废话不多说，线上效果 jsrun-测试地址 、 lilnong.top-测试地址

w和h分别指窗口的宽和高 {代码…}

最近入了three.js的坑，想用three.js做一些demo以便巩固自己最近所掌握的知识点，而且正好赶上国庆放假，随，有了这篇~

框架调研 为了让你们少走弯路，我总结了以下可借鉴的项目。如果你们愿意，完全可以基于他们的基础进行二次开发： draw.io 原型图设计编辑器 [[链接]] method draw svg绘制编辑器 [[链接]] Fabric.js canvas图形编辑器 [[链接]] 为什么我不在此基础上进行二次开发？大家都知道在已有的项目上进行二次开发难度有时也是很大…

本系列文章会讲诉我这一年来，独立开发了一个项目叫数据可视化，附上链接[[链接]]，欢迎大家star，市面上现阶段可以看到类似的有，