在做博客顶部栏下落奶油图的时候,就在想怎么适配暗黑模式和明亮模式呢?本文将记录两个思路。...1 方案一:通过模板生成两张图片 这是最容易想到的,也是我最初的想法,通过两张图片来实现暗黑模式和明亮模式的切换。...> 然后,我们可以通过 Hugo 的模板引擎来生成两张图片: {{- $template := resources.Get "images/drop.template.svg" -}} {{- $resource...一番尝试过后,答案是肯定的。...> 注意,这个图片没有任何模板执行的内容,只是一个 SVG 图片,那我们就可以拿来直接使用了,例如: 主题 图片 明亮 light image 暗黑 dark image 但是!
js生成二维码 一、一个简单的示例 二、二个简单的示例 前段时间项目中需要开发扫描二维码查看信息的功能,在网上查了一些资料,把用过的方法进行总结需要导入一个qrcode的js 插件。...style="width:460px;"/> 生成的二维码可以通过手机任意扫描工具,查看其二维码信息<...框的值生成二维码 qrcode.makeCode($('#qr_link').val()); $("#qr_container").append(""); //换行 } 代码运行效果如下图: 二、二个简单的示例 第二个例子用到了layui的一些元素layui下载地址 引入layui.all.js和layui.css即可...20px"> layui.use(['layer'], function () { var layer = layui.layer }); // 设置要生成二维码的链接
具体步骤 1、 安装依赖 pnpm add svg-captcha 2、 在控制器中使用 import { Controller, Get, Res, Session } from '@nestjs/common...from '@nestjs/swagger'; // swagger 接口文档 import { Response } from 'express'; import svgCaptcha from 'svg-captcha...,则默认有 background: '#fff', }); session.captchaCode = captcha.text; //使用session保存验证,用于登陆时验证...res.type('image/svg+xml'); //指定返回的类型 return res.send(captcha.data); //给页面返回一张图片 } }更多详细文档:...svg-captchaSession 验证在客户端登录的时候,我们就能根据传过来的验证码与 Session 中的信息判断是否正确:/** * @description: 用户登录 */ async
html 部分 文字生成二维码及生成可下载的图片 js 我们先引入两个js文件 window.onload = function...}; function refresh() { let text = document.getElementById("input").value; creater(text); } /** * 生成二维码及下载链接的函数...* @param text 传入你要生成二维码的文字 */ function creater(text = '') { //http://www.baidu.com可以自定义任意你要的链接或者文字
大家好,又见面了,我是你们的朋友全栈君。...MATLAB指定路径保存图片方法 ---- 更新时间:2021/04/19 imwrite() function [] = saveimg(img,filename) path = input('Input...the path you want to use: ','s'); %以input()作为输入路径的方式,'s'代表以字符串形式写入path path = append(path,filename)...以实现编号 saveimg(imag,filename); end %output: Input the path you want to use: F:\PictureDownload\ %图片被保存到了...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
首先先来了解一下 SVG ,SVG 意为可缩放矢量图形(Scalable Vector Graphics),SVG 很早之前就有,但是随着 HTML5 再次流行起来了,因为它是矢量的,并且是一堆标签和属性值来构建的...比如用 JavaScript 生成的矢量图片,还可以被 JavaScript 控制产生一些交互和动画;用来做 @font-face 的一种字体格式等。...SVGeneration 这个工具,就是用来快速方便的生成 SVG 格式图片的,通过他们设计好的方案,调整尺寸、大小和颜色,就可以生成 SVG 图片和一段 CSS 代码。...直接将这段 CSS 代码插入到你的网站中,就可以应用这个 SVG 作为背景图片了。目前已经有了 60+ 套设计,肯定有你喜欢的,马上来试试吧! ----
这几天用zepto.js写了不少事件,突然想到一个问题,那就是原生的js如何给动态生成的标签添加事件?...因为这些标签都是后来通过ajax或者运行其他点击事件生成的,那么如果之前给他们写事件他们这个dom对象是找不到的,jq通过事件委托解决了这个问题,但是原生js这个问题该怎么解决呢?...我在网上查了很多资料,好像只有一种办法,那就是在生成标签并把标签添加到html结构中后再添加对于这个新标签的各种事件,如果有更好的方法,欢迎提出来。 <!...document.getElementById('a').appendChild(myp); alert(document.getElementsByTagName('p')[0]) myp.innerHTML = '我是新建<em>的</em>p...标签'; document.getElementsByTagName('p')[0].onclick = function(){ alert('我是p的点击事件') } } <
前言 生成目录结构 function getCatalog(className){ let showDom = document.querySelector("."...showCatalog" @click="showCatalog = true"> JS { data()
Yii2.0 ActiveForm 我就只生成表格,和表格相关的自动生成js我全不要,怎么搞? <?
昨天在微信群里有人提问,如果创建一个文件,创建这个文件的时间是保存在哪里的。 所以就查到了这篇文章。 ? ?...根据现象可以发现,test.txt文件的硬链接文件test_hardlink的inode号和原文件一样,而它的软链接文件tesrt_softlink的inode号就和原文件不一样,根据了解我们知道硬链接文件是原来文件的副本只是文件名不一样而已...索引节点有两种,一种是这里所说的VFS索引节点,存在内存中;另一种是具体文件系统的索引节点,存在于磁盘上,使用时将其读入内存填充VFS的索引节点,之后对VFS索引节点的任何修改都将写回磁盘更新磁盘的索引节点...如果一个文件 系统没有索引节点,那么不管这些相关信息在磁盘上市怎么存放的,文件系统都必须从中提取这些信息。没有索引的文件系统通常将文件的描述信息作为文件的一部分来存放。...3)inode只是用于描述文件的元数据信息,并不是文件的数据,文件的数据会根据inode的信息存放在一个数据块中(例如:test.txt文件ls -l看到的信息就是它的属性元信息,“hello”数据存放在另一个数据块中
"> var codeFigure = new AraleQRCode({ "render": "svg...", // 生成的类型 'svg' or 'table' "text":'https://github.com/soldair/node-qrcode', // 需要生成二维码的链接 "size": 120...); 二:QRCode.js GitHub地址 <!...github.com/davidshimjs/qrcodejs"); var qrcode = new QRCode(document.getElementById("qrcode"), { text: "生成二维码的方法不止一种...如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。
实现文章:https://blog.csdn.net/zengyif_szu/article/details/81942799 博主就是使用了echarts-convert1.js和phantomjs-...2.1.1通过cmd调用生成echarts再进行下载,里面使用了PhantomJS工具和echarts-convert.js 下载链接: 链接:https://pan.baidu.com/s/1NX9pf77SlEtU_QdKMn3...,但在上面的百度云网盘里应该已经有了,但是是windows的,官网里分别提供了Windows、Mac、以及Linux 的安装包,根据自己的需要下载即可。...-windows\bin 然后打开计算机的属性界面,并按照下图标记进行操作: 打开环境变量找到path属性 把我们刚才粘贴的bin的地址加到path里 然后保存,环境变量就好了,打开cmd窗口验证..."phantomjs": CreateProcess error=2, 系统找不到指定的文件 这个问题是说当前环境没有配置这个命令,我在cmd中执行java执行的命令是可以生成图片到指定地址,我在考虑java
用处挺大的,毕竟很多生成网站都是生成canvas,懂得都懂 function exportCanvasAsPNG(id, fileName) { var canvasElement = document.getElementById
背景 首先,说说文章的背景。近期手中的一个项目,因为需求中要求提供Web界面的打印功能。当然假设没有打印机,还能够提供保存到本地。项目组长把这个“小任务”分给了我。...我发现这一款工具在各版本号浏览器的兼容性表现还是不错的,至于功能方面,我须要的他都提供了,并且额外的功能也是非常多的。足够我们开发使用了。对了。不得不提的是。...组件 组件名称:Lodop(提供下载) 须要引入的文件:lodop.cab(自己制作的)、LodopFuncs.js(必须的)、install_lodop32.exe(可选的,官方提供的exe格式插件)...然后是保存功能 html 代码同样,这里就不再反复贴了 js 代码 <span style="font-family:Microsoft YaHei;font-size:12px;"...就能够保存到word中了。 结束语 怎么样,非常easy吧!web 页面打印指定内容事实上就这么简单。 仅仅要找对好的工具,什么都不它是一个事!
,所以为了美观,基本都会进行自定义图片 而我们的要求是,拼团功能中,对于开团成功的用户提示分享操作,分享展示的图片要显示几个重要元素,这样一来,就需要服务端生成一个符合要求的图片… 框架:ThinkPHP3.2.3...//第一种方法:TODO 直接输出,可用于显示测试效果 createSharePng($confData); die; //第二种方法: TODO 输出到图片,传入保存路径进行图片保存...瞎扯闲扯 个人认为,这种图片生成操作对于一个后台PHPer 来说太麻烦了,为了计算比例、取色,我使用了 PhotoShop、PicPick 这些前端设计工具,最后拼凑出这个效果,如果嫌丑,那应该怨设计师去...拓展知识 补充几个重点的 PHP绘图函数,不知道参数使用,自己怎么可能绘制出想要的效果 感觉看文档,多改几个值就知道咋用了… (1) int imagecolorallocate ( resource...cx: 中间的 X 坐标。 cy: 中间的 Y 坐标。 width: 椭圆的宽度。 height: 椭圆的高度。 color: 椭圆的颜色。
默认的源代码生成器所生成的代码都是没有直接存放到项目文件夹里面的,不受源代码管理工具管理,对使用方的开发者来说很难直接阅读或查找到 Source Generator 生成的源代码。...本文将和大家介绍如何使用 EmitCompilerGeneratedFiles 属性配置将生成的代码保存到本地文件 将 Source Generator 生成的源代码保存到本地,只需设置 EmitCompilerGeneratedFiles...initializationContext.AddSource("GeneratedSourceTest", source); }); } } } 如果期望自己指定保存的文件夹...如果在多框架项目下没有配置加上 TargetFramework 将会造成生成的源代码存放的文件冲突 上面代码添加之后,预计将会导致构建不通过,一般的保存信息如下 error CS0111: 类型“Program...> 通过以上的方式即可让源代码生成器所生成的文件输出到本地文件里面,方便将生成的代码签进源代码版本控制里面,如 git 等里面,也方便进行静态代码阅读和代码审查 更多关于源代码生成博客请参阅我的
今天的话题想从「异地恋」开始说起 曾有一位辽宁的女大学生 在网上晒出140余张火车票 见证了她与男友的异地恋情 阐释了“所爱隔山海,山海皆可平”的爱情观 异地恋承载爱情的车票很珍贵 但看着逐渐褪色...那还可以怎么用?...极大的简化了企业的接入成本与报销流程 让报销不再成为企业和员工的负担 04 从原子能力到解决方案 随着纸质场景的不断数字化 从发票开具到个人收纳再到企业的审批、入账、支付、归档 全程电子化管理为企业和个人带来效率提升...| 一张报销单引发的"吐槽大会" | 初音未来、洛天依、镜音......揭秘虚拟歌姬背后的大BOSS | 抠图,令我苦不堪言! | 戳中打工人的爽点,3步就够了 | AI会是考试作弊的终结者吗?...AI来给你发对象了 | 腾讯云AI「开了一个脑洞」| 当导航念出Rap范儿,有梗有味 | 那些蹭ETC的人,后来都怎么了 | 这届东京奥运会「岂止于野」| 打工人有没有「会议纪要自由」?
大家好,又见面了,我是你们的朋友全栈君。 定义:匿名函数顾名思义指的是没有名字的函数,在实际开发中使用的频率非常高!也是学好JS的重点。 匿名函数:没有实际名字的函数。...var fn=function(){ return "我是一只小小小小留下,怎么飞也飞不高!"...} //调用方式与调用普通函数一样 console.log(fn());//我是一只小小小小留下,怎么飞也飞不高!...如果有,出了自己的作用域,声明的变量就会立即被销毁了。...执行完匿名函数,存储在内存中相对应的变量会被销毁,从而节省内存。再者,在大型多人开发的项目中,使用块级作用域,会大大降低命名冲突的问题,从而避免产生灾难性的后果。
Math.random() 表示生成 [0,1) 的数,所以 Math.random()*5 生成的都是 [0,4] 的随机整数。...生成一定范围内的随机数 比如生成【m,n】范围类的整数。 在 js 生成验证码或者随机选中一个选项时很有用。...代码如下: //生成从minNum到maxNum的随机数 function randomNum(minNum,maxNum){ switch(arguments.length){...; Math.ceil(Math.random()*max); 生成 [0,max] 到任意数的随机数,公式如下: // max - 期望的最大值 parseInt(Math.random()*(max...+1),10); Math.floor(Math.random()*(max+1)); 生成 [min,max] 的随机数,公式如下: // max - 期望的最大值 // min - 期望的最小值 parseInt
领取专属 10元无门槛券
手把手带您无忧上云