0%

给博客加了个背景

之前偶然了解到了分形,觉得这些图形很有意思,而且含有一些计算机思维,所以我就自己写程序生成了一些图形来玩,之后我突发奇想,觉得可以把这些图形放到博客里当背景,然后就变成了现在这样。

分形就是研究无限复杂具备自相似结构的几何学,是大自然复杂表面下的内在数学秩序。

简介

怎么做的教程后面看心情写,这里就说一下大概实现,本人也是啥都不会,都是现学现写的,所以可能写得会很不标准,有很多地方写得不好。

基本知识:去菜鸟教程翻一下html和js和css的基本语法,还有svg矢量图的语法。

大概实现

首先是分形的图形生成,不难看出,分形的图形都是由一个简单的图形,经过一个规则一直变换得到的,所以能想到的实现方法就是递归或者迭代,我选择的是用递归来生成,代码就先不贴了。

大致思路就是通过js在网页上画svg矢量图,来展示图形,为了方便扩展,在不修改函数的情况下能够生成不同的图形,css刚好就能够做到数据和程序分离,用css来控制线条的旋转和缩放,然后用js来选择不同的css。

在写好js和css之后,再去网上查怎么把js和css加到hexo的页面里面,然后不出意外就完成了。

结尾

其实直接把生成的svg单独保存出来,然后直接放在博客里面当背景就好了,但是我就是想让它每次加载的时候生成,这样每次有人点进来设备都会先卡一下(之前还想过用css来做个分形旋转的动画,但是效果不太好,而且会很卡)