摘要: 冰冰老婆1:1头像镇楼: 受一段视频启发,具体视频在哪找不到了。但是总体就是把一张照片横向裁剪成一条一条,间隔一条抽去一条,再拼接起来还是能看到轮廓,然后纵向执行相同的操作,重复多次,最后照片已经只剩很小的一块了,但是照片的内容却还是依稀可以看到。 canvas有操控像素的能力,所以想了想这种功能使 阅读全文
posted @ 2022-07-18 10:18 俄罗斯方块 阅读(191) 评论(0) 推荐(0) 编辑
摘要: vue.config.js是基于vue-cli系统下的。所以先了解一下vue-cli。 1. vue-cli是什么? 开发vue项目时必须要安装的一个插件就是@vue/cli了。vue-cli是一个基于vue.js进行开发的完整系统。它的作用主要有: 快速创建一个vue.js脚手架项目 并提供针对该 阅读全文
posted @ 2022-07-13 09:38 俄罗斯方块 阅读(1261) 评论(0) 推荐(0) 编辑
摘要: 1.三者都是干什么的 (1)eslint eslint它是一个代码检测工具,用来检测你代码中的不规范,可以统一项目项目的代码规范。 如果你的代码不符合规范要求,就会直接在文件中出现不同程度的提示信息。具体是: error:错误,报错文件名在vscode里会直接变红,直到错误改掉。 warning:警 阅读全文
posted @ 2022-07-12 15:52 俄罗斯方块 阅读(1479) 评论(0) 推荐(0) 编辑
摘要: 以我的博客为例,我想加一个蜘蛛网样式的背景到我的博客上,有哪些步骤呢。 1.整体思路 我的背景就是一个宽高与窗口宽高相同的canvas元素。然后另外还有js代码控制canvas的行为。所以我的这个背景分为两部分:HTML部分和js脚本部分。 那么这两部分各放在什么地方呢? 设置背景需要进入我的设置页 阅读全文
posted @ 2022-07-06 09:03 俄罗斯方块 阅读(241) 评论(0) 推荐(0) 编辑
摘要: 1.效果 2.代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" c 阅读全文
posted @ 2022-07-05 13:39 俄罗斯方块 阅读(292) 评论(0) 推荐(1) 编辑
摘要: 1.Math.cos() 数学上的cos(余弦) 比如下图: 余弦:即三角形的临边比斜边的值(直角边 / 斜边) 在这里比如角A的余弦就是AC / AB。记作:cos A = AC / AB。 余弦的取值范围是[-1,+1],它是一个周期函数,一个2Π是一个周期。余弦图如下: js中的余弦(Math 阅读全文
posted @ 2022-07-04 11:22 俄罗斯方块 阅读(984) 评论(0) 推荐(0) 编辑
摘要: 一个角有两种计量单位:弧度、角度 1.角度 如一个圆。两条射线从圆心向圆周射出,形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时,两条射线的夹角的大小为1度。 2.弧度 当角所对的弧长等于半径时,角的大小为1弧度,角所对的弧长是半径的几倍,那么角的大小就是几弧度。 所以: 1 阅读全文
posted @ 2022-07-04 11:10 俄罗斯方块 阅读(323) 评论(0) 推荐(0) 编辑
摘要: 先看效果: 再放源代码: 点击查看代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta nam 阅读全文
posted @ 2022-07-01 17:20 俄罗斯方块 阅读(246) 评论(0) 推荐(0) 编辑
摘要: 1.canvas宽度高度与像素点的关系 canvas的画布是一个矩形,它的宽度 * 高度就是它的像素点数。它是下面这样的栅格: x轴左边是0,y轴上面是0。它的宽度表示它x轴有多少列像素点;它的高度表示它y轴有多少行像素点。所以canvas画布的宽度乘以高度就是这个canvas画布所有的像素点个数。 阅读全文
posted @ 2022-07-01 16:30 俄罗斯方块 阅读(1752) 评论(0) 推荐(1) 编辑
摘要: 结果如图: 代码: <!DOCTYPE html> <html> <head> <title>Canvas tutorial</title> </head> <body onload="draw();"> <canvas id="c" width="150" height="150"></canva 阅读全文
posted @ 2022-06-30 15:32 俄罗斯方块 阅读(45) 评论(0) 推荐(0) 编辑