滚屏热力图--有木有canvas大神戳进来

Question

要做一个类似热力图的滚屏热力图、类似下面效果、打算用canvas来绘制出这个效果，但是怎么让颜色这么顺畅的过渡过去，让我纠结，我的思路是，线性渐变、设置最后0.1 变到下一种颜色，但效果不好，大神来个思路，看怎么弄。另外有做过热力图经验的大大，让我请教一下吧。

Answer 1

如果从你的这个例子来说，最下方两个蓝色貌似并不是渐变。。。56.8的黄色和89.2的红色还多少能说得上有渐变。
具体点说：

1. 最好是按照设计图来，如果有的话。

2. 如果没有设计图，那么，你拿ps，密集一点取色，确定你要的效果是不是渐变，至少这个图就不是。

3. 当然要是渐变肯定是线性渐变了。但是纯渐变，选三个颜色一拉，并不是什么好的注意，如果设计上技能点不够还是不要揽这个活。或者说你自己p图满意了再拿css折腾能省心不少。