2022年7月18日
用canvas给图片抽帧
摘要： 冰冰老婆1:1头像镇楼： 受一段视频启发，具体视频在哪找不到了。但是总体就是把一张照片横向裁剪成一条一条，间隔一条抽去一条，再拼接起来还是能看到轮廓，然后纵向执行相同的操作，重复多次，最后照片已经只剩很小的一块了，但是照片的内容却还是依稀可以看到。 canvas有操控像素的能力，所以想了想这种功能使 阅读全文
posted @ 2022-07-18 10:18 俄罗斯方块 阅读(219) 评论(0) 推荐(0) 编辑
2022年7月13日
vue.config.js配置了哪些东西
摘要： 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 俄罗斯方块 阅读(1272) 评论(0) 推荐(0) 编辑
2022年7月12日
eslint与prettier以及vetur的关系，以及它们都是在vscode里面如何起作用的。
摘要： 1.三者都是干什么的 （1）eslint eslint它是一个代码检测工具，用来检测你代码中的不规范，可以统一项目项目的代码规范。 如果你的代码不符合规范要求，就会直接在文件中出现不同程度的提示信息。具体是： error：错误，报错文件名在vscode里会直接变红，直到错误改掉。 warning：警 阅读全文
posted @ 2022-07-12 15:52 俄罗斯方块 阅读(1781) 评论(0) 推荐(0) 编辑
2022年7月6日
如何给博客园添加自定义背景
摘要： 以我的博客为例，我想加一个蜘蛛网样式的背景到我的博客上，有哪些步骤呢。 1.整体思路 我的背景就是一个宽高与窗口宽高相同的canvas元素。然后另外还有js代码控制canvas的行为。所以我的这个背景分为两部分：HTML部分和js脚本部分。 那么这两部分各放在什么地方呢？ 设置背景需要进入我的设置页 阅读全文
posted @ 2022-07-06 09:03 俄罗斯方块 阅读(261) 评论(0) 推荐(0) 编辑
2022年7月5日
canvas-网页蜘蛛网特效代码解读
摘要： 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 俄罗斯方块 阅读(394) 评论(0) 推荐(1) 编辑
2022年7月4日
JavaScript中的三角函数
摘要： 1.Math.cos() 数学上的cos（余弦） 比如下图： 余弦：即三角形的临边比斜边的值（直角边 / 斜边） 在这里比如角A的余弦就是AC / AB。记作：cos A = AC / AB。 余弦的取值范围是[-1,+1]，它是一个周期函数，一个2Π是一个周期。余弦图如下： js中的余弦（Math 阅读全文
posted @ 2022-07-04 11:22 俄罗斯方块 阅读(1347) 评论(0) 推荐(0) 编辑
JS中的弧度与角度
摘要： 一个角有两种计量单位：弧度、角度 1.角度 如一个圆。两条射线从圆心向圆周射出，形成一个夹角和夹角正对的一段弧。当这段弧长正好等于圆周长的360分之一时，两条射线的夹角的大小为1度。 2.弧度 当角所对的弧长等于半径时，角的大小为1弧度，角所对的弧长是半径的几倍，那么角的大小就是几弧度。 所以： 1 阅读全文
posted @ 2022-07-04 11:10 俄罗斯方块 阅读(392) 评论(0) 推荐(0) 编辑
2022年7月1日
canvas - 酷炫粒子文字的代码解析
摘要： 先看效果： 再放源代码： 点击查看代码 <!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 俄罗斯方块 阅读(277) 评论(0) 推荐(0) 编辑
canvas - 使用getImageData()方法获取canvas的每一个像素点的rgba值。以及如何提取该像素点的rgba值。
摘要： 1.canvas宽度高度与像素点的关系 canvas的画布是一个矩形，它的宽度 * 高度就是它的像素点数。它是下面这样的栅格： x轴左边是0，y轴上面是0。它的宽度表示它x轴有多少列像素点；它的高度表示它y轴有多少行像素点。所以canvas画布的宽度乘以高度就是这个canvas画布所有的像素点个数。 阅读全文
posted @ 2022-07-01 16:30 俄罗斯方块 阅读(2109) 评论(0) 推荐(1) 编辑
2022年6月30日
用canvas绘制一个太极图案
摘要： 结果如图： 代码： <!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 俄罗斯方块 阅读(48) 评论(0) 推荐(0) 编辑
下一页