思路是网上已经流行了一阵的多边风格（Low Poly），这次想用类似的样式做一个背景图，换个博客的背景，考虑三角形见棱见角，尖尖比较多，做背景的话效果不错。JS 和 Canvas 很好玩，就用这个了。
其实最后做出来的也不是多边风格，应该叫多堆叠彩色三角形，哈。
主要运用了 js 在页面的宽高的范围内，循环随机生成起点、二个顶点和颜色，然后用 canvas 画个有颜色带 Alpha 三角形。
然后利用 canvas 提供了 toDataURL 的接口，将 canvas 画布转化成可以当图片显示的 base64 编码。
熟肉代码如下：
找原来的硬盘文件，翻到2005年2月28日做的一个鼠标指针，满满的都是泪水。
之前写过一个获取页面进度的代码
这次写的代码是将页面浏览的百分比展示到页面中，从0°到360°按照百分比显示。
用的是 html5 中的 canvas。
第一步：在页面上创建一个Canvas画布元素。
第二步：画一个圆形。
第三步：画一个扇形。
第四步：画一个小一点的圆形，这样就有一个带颜色的圆环。
第五步：圆中心写入进度文字。
网上免费的英文字体很多，但是中文的就是凤毛麟角了，我的理解就是，外文字体很多都是26个字母加一些标点符号，一般都在十几到几百K，而中文制作起来费事费力，一般都是大几M甚至10多M，可见中国文化的博大精深。
既然是凤毛麟角，那说明还是有一点点可以免费用的，还有一些价格不高的字体，比如方正字库的2元起的字体 http://fangzhengziku.taobao.com
下面主要介绍免费或者开源的字体。