其实在标题上本来我是不想写是用canvas生成的，想让大家在看过demo后再知道，这样一开始你们肯定想，就这？就这？然后再 卧槽。 看到这，观众老爷们可能要说了：同志你辛苦了，但是这有什么毛用吗？当然了，这个组件库也不是纯苦力用ctx画出来的，我写这个演示是为了测试easyCa…

首先贴一下浏览器渲染html的图，easyCanvas类似，内部会根据render函数生成一棵element树，这里相当于直接生成了dom树，layer对这棵树进行样式合并、继承等操作，然后根据样式初始化宽度高度，再计算绘制的位置，布局完成后交给render进行绘制。Event…

不过由于一些问题（当时还不会用node，用asp写复杂的逻辑真的会写吐；当时对canvas写的也少，dom渲染很容易达到性能瓶颈），已经废弃。后来用canvas重制了一版。本文写于18年。 1.js实现PC端网游是可行的。随着PC、手机硬件配置的升级和浏览器的更新换代，以及H5…

继之前我们研究了SVG.js 和 Frappe Charts 后, 我们对于 svg 的图表库已经有了初步的了解, 但是对于可视化世界的 canvas, 我们更应该投入精力去了解学习. 在看到 chartist.js 讲到自己的优势的时候, 提到一些图表库使用了错误的技术 ca…

去年圣诞节产品提了一个活动需求，其中有一个下雪的背景动画。在做这个动画的过程中加深了对 canvas 动画的一些了解，在这里我仅是抛砖引玉的分享一下，欢迎各位大佬批评。 代码已上传至 github ，感兴趣的可以 clone 代码到本地运行。望给个 star 支持一下。 UI …

这是今年三月份帮学长做的一个项目，陪我度过了两个月的春招生活，整个项目做下来也是学到了很多东西，下面就开始我的分享啦，包括一些知识点总结和遇到的坑，dalao莫笑哈。 主要功能如上图，左边是图形工具栏，右边是canvas，上面是清除、删除、旋转、切换格子背景、保存并下载图片的操…