![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
liouozm
when the sky is blue
展开
-
【JavaScript】使用canvas根据人名生成随机头像
经常在一些网站上观察到,刚注册的用户未修改头像时,通常使用默认的头像。当网站比较正式比如:google等等会使用昵称首字或者名字作为头像。这样简单的图片生成,直接使用前端语言随机生成给服务器减负、非常高效。孝顺的我立马给爸爸生成一个头像,双十一快来了,请爸爸眷顾我 !那么怎么使用canvas来完成呢?首先建立一个展示页面:```java<!DOCTYPE html>&l...原创 2019-10-09 17:09:23 · 3120 阅读 · 0 评论 -
【JavaScript】使用canvas随机生成类似gitLab(github)对称几何头像
一.算法分析头像分成4个小正方形,这四个小正方形图案只是通过旋转构成。每个小正方形中有四个图案,构建这四个图案。那么就可以通过两个for循环,外循环为旋转,内循环为绘制图案。二.模型构建分析:1.头像中,以中心为原点,水平为x轴,垂直为y轴建系。1.坐标系将头像分成4个部分,可以很明显看出,头像可以由任意一个部分图形旋转构成。观察1/4图形,也就是一个象限。2.以第一象限为例,...原创 2019-10-09 18:02:37 · 860 阅读 · 0 评论