分类 编一点代码 下的文章

思路是网上已经流行了一阵的多边风格(Low Poly),这次想用类似的样式做一个背景图,换个博客的背景,考虑三角形见棱见角,尖尖比较多,做背景的话效果不错。JS 和 Canvas 很好玩,就用这个了。

其实最后做出来的也不是多边风格,应该叫多堆叠彩色三角形,哈。

主要运用了 js 在页面的宽高的范围内,循环随机生成起点、二个顶点和颜色,然后用 canvas 画个有颜色带 Alpha 三角形。
然后利用 canvas 提供了 toDataURL 的接口,将 canvas 画布转化成可以当图片显示的 base64 编码。

熟肉代码如下:

- 阅读剩余部分 -

之前写过一个获取页面进度的代码

这次写的代码是将页面浏览的百分比展示到页面中,从0°到360°按照百分比显示。

用的是 html5 中的 canvas。

第一步:在页面上创建一个Canvas画布元素。
第二步:画一个圆形。
第三步:画一个扇形。
第四步:画一个小一点的圆形,这样就有一个带颜色的圆环。
第五步:圆中心写入进度文字。

- 阅读剩余部分 -

网上免费的英文字体很多,但是中文的就是凤毛麟角了,我的理解就是,外文字体很多都是26个字母加一些标点符号,一般都在十几到几百K,而中文制作起来费事费力,一般都是大几M甚至10多M,可见中国文化的博大精深。

既然是凤毛麟角,那说明还是有一点点可以免费用的,还有一些价格不高的字体,比如方正字库的2元起的字体 http://fangzhengziku.taobao.com

下面主要介绍免费或者开源的字体。

- 阅读剩余部分 -