前几天使用css样式和js致敬了一下github404的类似界面,同时最近又接触了canvas,本着瞎折腾的想法,便借着之前的js的算法,使用canvas来完成了github404的动态效果。
效果图
文件目录
文件资源
文件源码与图片在文章末尾给出
代码
网页的body部分
这里给canvas 定义好宽和高,设为块级元素。这些img 标签是将这些图片加载出来,我们就不用在js中去加载了,再将图片设为不显示 display:none。
<body>
<canvas id="mycanvas" width="1680" height="630"
style="ma