webstorm 就相当于你妈，你想要的不想要的都给你，但是显得有点唠唠叨叨（功能太全，好多用不上，打开慢），而atom就相当于你的儿子，一张白纸，只要你调理的好，太就会按照你的想法去做事儿（简洁的界面，丰富的插件系统，非常灵活定制）。缺点也是这个，虽然他只是编辑器，但是相比bracket，sublime还是简洁的有点寒酸...

上面我们玩了一个图表，大家学好结构，然后在那个基础上去扩展各种图表，慢慢就可以形成自己的图表库了。也可以多看看一些国外的图表库简单的版本，分析分析，读代码对提高用处很大。我说了canvas两大主流用途，一个是图表，一个是游戏，在写游戏项目之前，我们先来点基础，关于动画，没有动画基础讲canvas游戏，就跟你...

上一篇文章我已经说过数据准备好画图就非常简单了，如果你担心不回话好办，我给你个最简单的小例子， 你先练练。 这个很简单吧，什么面向对象什么的都不用，你就先用最粗暴的方式撸出来。 然后，你在看下面我写的代码就容易了。最终效果图 下面代码只有一个难点： 1.怎么算横轴、纵轴label坐标位置 其余就容易多了，有一...

说一点，你如果不懂就先按照我写的弄出来，别自己发明创造，写多了你也就知道为什么我这么写了。当然上面这个写法挺恶心的，让我想起了，没有整理过的女生宿舍，

说一点，你如果不懂就先按照我写的弄出来，别自己发明创造，写多了你也就知道为什么我这么写了。当然上面这个写法挺恶心的，让我想起了，没有整理过的女生宿舍，

柱状图很多人用百度的echars,那么我们会用更要会写，为啥？我见过太多的人问我echarts不可能完全符合他们公司的需求，随便改一点东西就不搞了，简单的说我们要做开发者，而不是一个js库的搬运工，我们今天就参考这个效果[链接]，写一个。

上一篇文章我们搭建了基础环境，然后画了个矩形玩了玩，至于如何画矩形线框之类的，这些看看手册就行了，没啥复杂的，参数搞对单词别拼错就OK. 这篇文章说下常见的坑和我们常用资料又比那些基础的线框实用些的曲线。 啥也不说，先上一梭子代码。 {代码...} moveTo ,lineTo，设个宽度颜色一stroke（描边），完事儿。 好了...

话说年底了，今年承诺了一些js教程还没来得及写，说到了就得办到，年底了，陆续把欠的账换上，首先写一个canvas系列教程，一来是问的人多，二来是简单。