canvas总结

需求：几个列表点了才会有状态，不点是其他状态，默认有状态的处理方法

默认红色是大的，然后点击其他点其他会变大，这是css做到的。然后js再把颜色也给换了。变大的时间要共有选择器设置。

自己也能做，而且第二个再慢慢变化得时候颜色也是慢慢变深的，同时第一个的颜色也是慢慢变浅的。

需求：icon制作

使能变量

使能变量，那种有状态的，不同状态不同操作的就得使能。canvas画板需要使能，点了才画不点不画。同样的橡皮擦也要使能，不点就是画笔。所以需要这种使能变量。

触屏和非触屏需要考虑js的监听事件。

canva相关知识

这部分是画圆的函数，第一张图的两句话相当于初始化是必须要用到的两句话。然后本来context.fillStyle和context.strokeStyle是在画圆和线的时候写了，但是这样就写死颜色了，所以放到外面点什么就是什么颜色。然后函数只负责画圆和线。context.fill是填充，context.strokeStyle是画线或者描边，线是没有空的，都是实的。

canvas尺寸还有窗口自适应

动画

变大动画

---

：nth-child()

div.test*3就能同时创建3个class=test的div。css一律用class选择，儿子可以用通一个class然后css的时候用.class:nth-child(1){ }来选择。注意nth-child这个child并不是class名字。图二就正面了class=test但是选择的时候还是用了child。另外我为什么不直接class叫做child1,child2,child3呢？那我岂不是就不能.child同时选中3个来批量设置共性css了。

不过看方方用起来很多时候列表每个都是需要有固定的classname的，所以child还是在调试的时候用的比较多。或者不用独立名字的列表。那如果都有固定名字怎么批量设置css呢，那就选到他爸爸的名字然后>标签就行了。