这次项目用到了一些自定义的数据可视化组件，我把我做的部分抽出来几个典型做个汇总。 有些图片（例如下面这个jpg动图）太大，进行了一定程度的压缩，有点模糊（＾_＾）。 改进版：大小和亮暗用gap控制，近大远小，近亮远暗。 这篇文章画的是angle一个纬度，只要再增加另外一个纬度r…

起初我创造了 canvas 。 我说, 要有雨, 就有了雨； 我说, 要有雪, 就有了雪。

本文首发于CSDN网站，下面的版本又经过进一步的修订。 关于 我的博客：louis blog SF专栏：路易斯前端深度课 原文链接：匠心打造canvas签名组件 CSDN链接：匠心打造canvas签名组件 - 极客头条 全文共4k+字，阅读需5分钟。 导读 6月又是项目吃紧的时候…

canvas 入门基础第二篇

其实 canvas 本身很简单，就是去学习它的 API，多看实例，多自己动手练习，多总结。但是 canvas 的 API 实在是有点多，对于初学者来说，可能学到一半就止步不前了。我也有这种感觉，在学习的过程中，编写实例，用到了其中很多的属性和方法，但是回头来看的时候总觉得什么也没用。所以决定系统性的记录一下它常用到的 API，方便以后查阅，也顺便造福一下大家

由此，可以看到一个由小到大扩张的圆。由于没有擦除上一帧，每一帧的绘制结果都显示出来，所以呈现出来的是一个实心的圆。我想绘制的是一个闪烁的圆，那么可以把上一帧给擦除。 首先，先画一由底部到画布中央的延伸线。既然是运动的延伸线条，那起码会有一个起点坐标和一个终点坐标 如图。大概需要…

canvas 动画包教不包会

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