荣顶-CSDN博客

原创我用 10000 张图片合成我们美好的瞬间

月亮照回湖心野鹤奔向闲云前言昨天是情人节,大家相比都非常愉快的度过了节日~我也是????好了,废话不多说,今天给大家带来是一个非常有意思的项目,通过切割目标图片,获得10000个方块,用我们所选择到的图片,对应的填充方块实现一个千图成像的效果.你可以用它来拼任何你想拼的有意义的大图.(比如我,就想用它把我和对象恋爱到结婚拍的所有照片用来做一个超级超级超级超级大的婚纱照,在老家鄱阳湖的草地上铺着,用无人机高空俯瞰,啧,挺有意思~在这里先埋个点,希望几年后能够实现????)首先,这篇文章是基于我的上

2021-08-15 13:38:53 476

原创每一个用到canvas的小伙伴都应该了解的fabric.js

导语我们想在画布上画个基本的简单形状的时候，使用 Canvas 不会觉得有什么繁琐。但当画布上需要任何形式的互动，绘制复杂的图形和在特定情况需要改变图片的时候,使用原生 canvas API 将会变得很困难。而 Fabric 旨在解决这个问题。Fabric.js 是一个强大而简单的 Javascript HTML5 画布库Fabric 在画布元素之上提供交互式对象模型Fabric 还具有 SVG-to-canvas（和 canvas-to-SVG）解析器为了方便,下面我将通过 vue项目

2021-08-10 09:50:17 811 1

原创 npm login报错 code 500的解决方案

解决办法：1，配置npm包地址npm config set registry https://registry.npmjs.org/2，清楚npm缓存npm cache clean --force

2021-05-20 13:16:41 1874

原创 eslint忽略某一行、下一行、一段代码的校验(常用关闭校验语句)

eslint常用关闭校验语句1. 关闭段落校验/* eslint-disable */some codesome code/* eslint-enable */2. 关闭当前行校some code// eslint-disable-line3. 关闭下一行校验// eslint-disable-next-linesome code

2021-04-22 14:55:36 15183

原创 js类型判断

1、js中的数据类型基本数据类型：Undefined、Null、Boolean、Number、String，Symbol引用数据类型：Objectlet bool = true;let num = 1;let str = 'abc';let und= undefined;let nul = null;let arr = [1,2,3,4];let obj = {name:'xiaoming',age:22};let fun = function(){console.log.

2021-04-22 09:36:20 387

原创 Javascript将html转成pdf,下载（html2canvas 和 jsPDF）

Javascript将html转成pdf,下载（html2canvas 和 jsPDF）html2canvas简介我们可以直接在浏览器端使用html2canvas,对整个或局部页面进行‘截图’。但这并不是真的截图，而是通过遍历页面DOM结构，收集所有元素信息及相应样式，渲染出canvasimage。由于html2canvas只能将它能处理的生成canvasimage，因此渲染出来的结果并不是100%与原来一致。但它不需要服务器参与，整个图片都由客户端浏览器生成，使用很方便。使用.

2021-03-31 16:00:48 200 1

原创 Js复制指定内容

就很简单!// 复制内容copy() { //1.选择你要复制内容的元素 let inputText = document.getElementById("copyId"); console.log(inputText, inputText.value, inputText.value.length); //2.聚焦元素 inputText.focus();

2021-03-30 20:57:23 449

原创 Git查看公钥及生成公钥

1.git查看ssh公钥的方法cat ~/.ssh/id_rsa.pub如果查看不到说明还没生成2.git生成公钥ssh-keygen -t rsa -C '邮箱地址'

2021-03-23 16:24:34 285

原创 Docker中怎么安装Jenkins

执行命令(没装Docker的自行百度噢~): docker pull jenkins/jenkins:lts 如上图所示,下载完成后再执行命令: docker run -u root -d --name myjenkins -p 8080:8080 -p 50000:50000 -v /var/jenkins_node:/var/jenkins_home jenkins/jenkins:lts 如图所示,就已经好啦~就是这么简单找到/var/jenkins...

2021-03-21 18:17:28 92

原创 Chrome快捷键大全

https://support.google.com/chrome/answer/157179?hl=zh-Hans&co=GENIE.Platform=Desktop

2021-03-20 09:19:04 131

转载迷恋型爱情：越想亲密，越不能亲密

文章转载自https://www.sohu.com/a/229941942_563944?qq-pf-to=pcqq.c2c“您拨打的电话暂时无人接听...嘟嘟嘟..”(天呐，他为什么不接我电话？他是不是爱上了别人！他是跟谁一起出去的，他是不是不爱我了)●●●越想亲密，越不能亲密不安全的依恋类型中，有一类为焦虑矛盾型（也被称之为“迷恋型”）。在爱情中他们往往会呈现出：需要大量亲密感；缺乏安全感，害怕自己被拒绝；对恋情高度重视，心思完全被其占据；害怕被伴侣嫌弃或抛弃；认为自己必...

2021-03-18 11:36:22 489

原创前端JS获取内网IP

getUserIP() { var RTCPeerConnection = window.RTCPeerConnection || window.webkitRTCPeerConnection || window.mozRTCPeerConnection; if (RTCPeerConnection) (() => {

2021-02-02 17:09:14 2255

原创 NavigationDuplicated: Avoided redundant navigation to current location: “/xxx“的解决方案

NavigationDuplicated: Avoided redundant navigation to currentlocation: “/mine“解决方案在router文件的index.js中添加以下代码即可：const originalPush = VueRouter.prototype.push VueRouter.prototype.push = function push(location) { return originalPush.call(this, locatio.

2021-02-02 16:12:01 609

原创 js中文字合成语音,文字转语音的实现方法

SpeechSynthesisUtterance是HTML5中新增的API,用于将指定文字合成为对应的语音.也包含一些配置项,指定如何去阅读(语言,音量,音调)等,该api对于盲人或弱视用户是非常有用的!var msg = new SpeechSynthesisUtterance("这里是转语音的测试文本,");window.speechSynthesis.speak(msg);SpeechSynthesisUtterance基本属性SpeechSynthesisUtterance.lang 获

2020-11-05 18:15:26 1790

原创微信小程序使用canvas绘制多行文本的方案

微信小程序使用canvas绘制多行文本的方案

2020-10-28 16:12:14 644

原创微信小程序如何获取设备信息

wx.getSystemInfo({ success: (res) => { console.log(res, '====设备信息===='); /* 属性类型说明 brand string 设备品牌 model string 设备型号 pixelRatio number 设备像素比 .

2020-10-28 15:04:29 3994 2

原创微信怎么查看历史头像

怎么查看微信使用过的历史头像?方法1:在平时更改头像的地方点击查看上一张头像方法2:只要微信在电脑上登陆过即可通过电脑端设置的文件管理路径找到历史数据像我这里就是通过下面的路径即可找到D:\Backup\Documents\WeChat Files\All Users...

2020-09-27 19:31:31 25630

原创微信小程序中当有异步操作或者耗时同步操作时，不能保证app.js中的onLaunch与page.js中onLoad先后执行顺序的解决方案

微信小程序中当有异步操作或者耗时同步操作时，不能保证app.js中的onLaunch与page.js中onLoad先后执行顺序的解决方案

2020-09-26 22:37:05 1773 3

原创前端团队基于VUE开发的格式化统一方案

1. 安装Vetur 插件2. 在vscode中摁住ctrl+shift+p搜索settings.json并打开3.在settings.json 文件中的最后面加上以下代码以完成格式化配置//==================vetur格式化配置===================== "vetur.format.defaultFormatter.stylus": "stylus-supremacy", "vetur.format.defaultFormatter.css":

2020-09-22 00:14:57 590

原创 C语言链表问题，函数形参加const修饰后为什么还可以被修改？

问：刚接触这方面东西，如果我表达有误还请指正。我加了const修饰LIST *p为什么我在函数里做p = p->next;的时候能成功，不是说const修饰之后就是常量了吗，不可以被修改，我发现这能通过编译这是为什么？void Output_LList(const LIST *p) {int i;while(p != NULL) {printf("num=%d name=%s ginder=...

2018-05-13 21:23:35 779

荣顶的博客