精华内容
下载资源
问答
  • Axure8.0-制作图片验证码

    万次阅读 多人点赞 2019-11-15 08:48:38
    需求分析 图片中的验证码为数字和字母的随机组合; ... ... 元件准备 ...文本框(输入验证码);...动态面板(提示验证码输入结果对错),并且设置三个动态面板提示状态,默认为隐藏;...开始制作   文本框输入...

    需求分析

    1. 图片中的验证码为数字和字母的随机组合;
    2. 点击更换验证码实现验证码的更换,验证码随机出现4位字母或数字;
    3. 验证码输入时,点击提交按钮,若验证码错误进行错误提示。

    元件准备

    • 文本框(输入验证码);
    • 矩形框(显示生成的验证码);
    • 动态面板(提示验证码输入结果对错),并且设置三个动态面板提示状态,默认为隐藏;
    • 提交按钮;
    • 文本标签(文本提示“看不清?换一张!”)

    开始制作

      文本框输入四个字符,作为默认验证码,如下:

    在这里插入图片描述

      给文本标签添加交互,如下步骤:

    在这里插入图片描述
    将变量值设置为abcdefghijklmnopqrstuvwxyz0123456789(26个英文字母+10个数字),验证码的值将会在这36个字符中产生。

    设置好之后,不要关闭面板,继续在case1里面添加,选择设置文本,选中矩形元件,将值设为[[OnLoadVariable.substr(OnLoadVariable.length*Math.random(),1)]],并连续输入4遍,中间不需要符号,完成后点确定,如下:
    在这里插入图片描述

      接下来给按钮添加交互,先添加条件,在设置状态。设置情形一:如果输入框文字 == 验证码文字,设置面板状态为提示正确状态,且设置面板状态为可见。具体步骤如下:
    在这里插入图片描述
    在这里插入图片描述
    同理,设置情形二:如果输入框文字 != 验证码文字,设置面板状态为提示错误状态,且设置面板状态为可见。添加case2的条件并设置状态,如下:
    在这里插入图片描述
    总体设置如下:
    在这里插入图片描述

    预览效果

    在这里插入图片描述
    在这里插入图片描述

    原型地址

    >>点击查看“图片验证码”原型

    展开全文
  • 无线上网技巧、天线制作(可免费上网)

    千次下载 热门讨论 2011-11-19 12:22:59
    无线上网技巧、天线制作(可免费上网) 这个教你的怎么更好的接收信号,制作设备等。
  • 用HTML+CSS代码制作3D旋转相册

    万次阅读 多人点赞 2018-09-19 21:37:53
    手打代码: <!DOCTYPE html> <html> <head lang="en"> <meta charset=".../title&

    欢迎大家访问我的个人博客 http://www.spicyboy.cn

    对于很多小伙伴给我的留言问题,我详细总结一下

    一、我的项目文件目录

    图片全部存放在images文件夹下,你把自己需要显示的图片放在images文件夹下就可以了,一共是11张图片,一张背景图
    我的图片命名为1.jpg,2.jpg……,可以自己更改图片名字,代码里也需要修改为自己的图片名字哦

    在这里插入图片描述

    二、index文件代码如下:(最后有百度网盘链接)

    <!DOCTYPE html>
    <html>
    <head lang="en">
        <meta charset="UTF-8">
        <title>3D旋转</title>
        <style type="text/css">
            *{padding: 0;
            margin: 0;}
            body,html{height:100%;}
            /* 背景图片在这里设置 */
            body{background-image: url("images/beijing.jpg");background-size: 100% 100%;}
            #box{width: 280px;
                height: 400px;
                position: fixed;
                left: 0;
                right: 0;
                top:0;
                bottom: 0;
                margin: auto;
                transform-style: preserve-3d;
                transform: rotateX(0deg) rotateY(0deg);
                animation: go 45s linear infinite;
               }
            #box img{width: 280px;
                     height: 400px;
                     position: absolute;
                     left: 0;
                     top: 0;
            }
            #box img:nth-child(1){
                transform: rotateY(0deg) translateZ(650px);}
            #box img:nth-child(2){
                transform: rotateY(36deg) translateZ(650px);}
            #box img:nth-child(3){
                transform: rotateY(72deg) translateZ(650px);}
            #box img:nth-child(4){
                transform: rotateY(108deg) translateZ(650px);}
            #box img:nth-child(5){
                transform: rotateY(144deg) translateZ(650px);}
            #box img:nth-child(6){
                transform: rotateY(180deg) translateZ(650px);}
            #box img:nth-child(7){
                transform: rotateY(216deg) translateZ(650px);}
            #box img:nth-child(8){
                transform: rotateY(252deg) translateZ(650px);}
            #box img:nth-child(9){
                transform: rotateY(288deg) translateZ(650px);}
            #box img:nth-child(10){
                transform: rotateY(324deg) translateZ(650px);}
    		@keyframes go {
    		    0%{transform: rotateX(0deg) rotateY(0deg);}
    		    25%{transform: rotateX(20deg) rotateY(180deg);}
    		    50%{transform: rotateX(0deg) rotateY(360deg);}
    		    75%{transform: rotateX(-20deg) rotateY(540deg);}
    		    100%{transform: rotateX(0deg) rotateY(720deg);}
    		
    		}
        </style>
    </head>
    	<body>
    		<div id="box">
    		    <img src="images/1.jpg">
    		    <img src="images/2.jpg">
    		    <img src="images/3.jpg">
    		    <img src="images/4.jpg">
    		    <img src="images/5.jpg">
    		    <img src="images/6.jpg">
    		    <img src="images/7.jpg">
    		    <img src="images/8.jpg">
    		    <img src="images/9.jpg">
    		    <img src="images/10.jpg">
    		</div>
    	</body>
    </html>
    
    

    三、运行效果图:

    在这里插入图片描述

    四、打包运行:

    有小伙伴想打包为APP的可以使用Hbuilder打包传到手机上,详细看下面教程
    https://blog.csdn.net/qq_42259469/article/details/84646570?ops_request_misc=%257B%2522request%255Fid%2522%253A%2522158600294919195162559101%2522%252C%2522scm%2522%253A%252220140713.130056874…%2522%257D&request_id=158600294919195162559101&biz_id=0&utm_source=distribute.pc_search_result.none-task-blog-all_SOOPENSEARCH-1

    五、百度网盘下载

    链接: https://pan.baidu.com/s/1KrmOu-DVCN4kOSy_pPmvUw 提取码: yef9

    展开全文
  • 1行Python代码制作动态二维码

    万次阅读 多人点赞 2019-09-07 18:02:42
    近日在GitHub上发现了一个比较有意思的项目,只需要一行Python代码就可以快捷方便生成普通二维码、艺术二维码(黑白/彩色)和动态GIF二维码。

    目录

    1、二维码简介

    2、普通二维码

    3、艺术二维码

    4、动态二维码


    1、二维码简介

    目前流行的二维码(QR code)是1994年由日本Denso-Wave公司发明的。英文字中 QR 所代表的意义是Quick Response,即快速反应。QR code最早用于汽车制造商追踪零件,目前已应用于各行各业。它的最大特点是可以存储比普通条形码更多的数据,同时也无须对准扫描仪。

    二维码由边框区数据区所组成,数据区由定位标记、校正图块、版本信息、原始信息、容错信息所组成,这些信息经过编码后产生二进制字符串,白色格子代表 0,黑色格子代表 1,这些格子一般又称作模块。

    其实经过编码后,还会使用屏蔽(masking)方法将原始二进制字符串与屏蔽图案(Mask Pattern)做 XOR 运算,产生实际的编码,经过处理后的 QR code 辨识率将更高。QR code基本外观如下 :

    • 边框区:也可以称为非数据区,主要是避免 QR code 周围的图像影响辨识。

    • 定位标记:在上述图片中,左上、左下、右上是定位标记,外型类似“回”字,在使用 QR code 扫描时我们可以发现不用完全对准也可以,主要是这 3 个定位标记在帮助扫描定位。

    • 校正图块:主要用于校正辨识。

    • 容错修功能:QR code 有容错功能,所以如果 QR code 有破损,有时仍然可以读取,一般 QR code 的面积越大,容错能力越强。

    QR code 目前有 40 个不同版本,版本 1 是 21×21 个模块。模块是 QR code 最小的单位,每增加一个版本,长宽各增加 4 个模块,所以版本 40 是由 177×177 个模块组成,下列是以版本 40 为例做容量解说。

    近日在GitHub上发现了一个比较有意思的项目,只需要一行Python代码就可以快捷方便生成普通二维码、艺术二维码(黑白/彩色)和动态GIF二维码。

    GitHub网站参见:https://github.com/sylnsfar/qrcode

    用法比较简单,直接通过pip安装即可。

    pip3 install myqr

    安装过程如下所示: 

    安装完成后,就可以基于命令指令生成想要的二维码了,myqr模块参数说明如下:

    主要参数翻译如下:

    -v :定义二维码的大小,范围为 1 ~ 40,默认大小取决于输入的内容

    -l : 定义二维码纠错率,也就是说二维码被遮挡一部分仍然被识别出来,有四个等级,分别是L(7%)、M(15%)、Q(25%)、H(30%),默认情况是最高等级的H

    -n :自定义二维码的名称

    -d : 自定义二维码的路径

    -con:修改图片的对比度,默认值为1.0

    -bri :修改图片的亮度,默认值也为1.0

    2、普通二维码

    生成我的博客地址二维码,使用指令如下:

    myqr https://me.csdn.net/blog/m0_38106923

    二维码自动保存在当前目录下,默认名字为 qrcode.png。

    效果如下: 

    若需要修改生成二维码的名称或者路径可以通过以下的命令来完成,例如生成一个Python3X.jpg的二维码图片,路径在E盘的根目录,指令如下:

    myqr https://me.csdn.net/blog/m0_38106923 -n Python3X.jpg -d E:

    对于二维码,可以自定义它的大小和容错纠错能力。 

    例如生成大小为10,纠错率为M等级的二维码,指令如下:

    myqr https://me.csdn.net/blog/m0_38106923 -v 10 -l M

    3、艺术二维码

     有时候为了吸引大家的注意力,普通二维码的效果就会力不从心。所以可以通过艺术二维码的形式,生成的方式也很简单。

    例如将我在网上找的魔童哪吒的照片结合我的博客地址,生成二维码。

    可以通过参数 -p 去完成,指令如下: 

    myqr https://me.csdn.net/blog/m0_38106923 -p C:\Users\13450\Desktop\im1.png

    效果如下: 

    结果是黑白的,不太理想,这个时候,就需要用到另一个参数-c,用于图片的着色,指令如下:

    myqr https://me.csdn.net/blog/m0_38106923 -p C:\Users\13450\Desktop\im1.png -c

    效果如下:

    4、动态二维码

    艺术二维码虽然好看多了,但是依旧无法达到我们装X的目的,so,可以来个动态的二维码。

    方式跟上面的艺术二维码一样,唯一的区别就是图片必须是gif。默认也是黑白的,彩色二维码也需要加上参数 -c。

    使用下图动图结合的博客地址,生成二维码。

    指令如下:

    myqr https://me.csdn.net/blog/m0_38106923 -p C:\Users\13450\Desktop\im1.gif -c

    效果如下:

    展开全文
  • 正确的重装windows10系统之使用软碟通制作U盘启动盘

    万次阅读 热门讨论 2018-08-26 19:26:05
    如何制作U盘启动盘(例:win10) 简要:此教程为使用软碟通制作U盘启动盘的方法,涉及部分专业操作,请谨慎操作!这个方法适用于绝大多数操作系统的安装,包括:win7,win8,win10,windows服务器版本等,linux的绝大多数发行...

    如何制作U盘启动盘(例:win10)

    简要:此教程为使用软碟通制作U盘启动盘的方法,涉及部分专业操作,请谨慎操作!这个方法适用于绝大多数操作系统的安装,包括:win7,win8,win10,windows服务器版本等,linux的绝大多数发行版本。

    硬件准备:一个大于4G的U盘,格式化为FAT32格式

               一台正常的windows操作系统的电脑

    • 准备U盘启动盘的制作软件:

    打开电脑浏览器,百度搜索“软碟通”:选择第一个,因为这是软碟通的官网(或者直接访问:https://cn.ultraiso.net/)

    然后点击“下载” –-> “免费下载试用”。然后进入正常下载的环节,

    下载完成后,正常安装,就可以了。

     

     

    • 准备操作系统:(以win10操作系统1709版本为例)

    浏览器搜索“msnd 我告诉你”,选择第一个网页进入。

    进入网页之后,里边包含了开发者常用的操作系统及开发工具,但是只建议下载操作系统,,至于为什么,可以自己试试,,,

    选择“操作系统“ –->找到自己需要的版本,

    选择好操作系统的语言版本,虽然没什么卵用,然后,根据自己电脑的实际情况,如果是32位的机器选择X86,是64为的机器选择X64的操作系统,点击“详细信息“

    将ed2k下载地址复制出来,最小化浏览器。然后打开迅雷下载器,新建一个下载任务,将刚才的ed2k地址复制到迅雷的新建任务中,注意记住保存路径,点击下载,等待下载完成。

     

    • 制作U盘启动盘

    打开之前安装好的“软碟通“,它会提示:本产品需要购买才能使用。

    不必理会他,选择“继续使用“,这里为什么没有放图,是因为我装的软碟通已经激活了。接下来看到的就是软碟通的界面:

    点击“文件“ à ”打开“,根据刚才下载操作系统的路径,找到下载好的操作系统,操作系统的文件称为”镜像“(image),镜像的格式有很多种,windows官方的镜像格式为.iso格式。选中镜像后打开。

    看到这样的界面,说明:第一,你下载的镜像暂时可以理解为是真实的官方镜像;第二,你已经将操作系统镜像成功导入软碟通,可以进行制作了。

    点击“启动“ à ”写入硬盘映像...“得到这个界面:

    检查一下“硬盘启动器”的信息是不是与你插入的U盘的信息一致。

    其他为默认选项即可,点击“写入”,弹出一个警告提示:U盘上的数据会全部丢失。。那是肯定的,所以一开始才说呀先格式化U盘,点击“确认”,软碟通开始制作U盘启动盘,等待制作完成即可。

    至此,一个win10操作的系统的U盘启动盘制作完成。下一步就可拿到要重装系统的机器上,进行重装操作了。

    【腾讯云】推广者专属福利,新客户无门槛领取总价值高达2860元代金券,每种代金券限量500张,先到先得。

     

     

    展开全文
  • 3D旋转相册制作

    万次阅读 多人点赞 2019-01-06 11:16:34
    制作思路: 1.讲所需图片插入并使其定位在一起 &lt;img src="images/1.jpg" alt=""&gt;&lt;p&gt;&lt;/p&gt; &lt;img src="images/2.jpg" alt="&...
  • ArcGis制作三维地形图教程

    万次阅读 多人点赞 2016-09-13 11:46:10
    三维地形图效果演示 同步视频教程(一):... ... 相关教程:3DMAX三维制作地形图教程 下载:全国路网数据、全国水系矢量 行政区划边界(省市区县)、行政地名 矢量数据 ...
  • 【SSD目标检测】2:如何制作自己的数据集

    万次阅读 多人点赞 2018-07-20 14:04:07
    第一部分:如何制作自己的数据集 1、VOC2007数据集简介 知己知彼,方百战不殆。想制作自己的数据集当然要先了解SSD使用的数据集VOC2007长啥样。VOC2007下载链接 ,密码是:m5io(VOC2007完整下载有3个压缩包+1个...
  • 245个精美的SmartArt图(精美PPT制作素材)

    万次下载 热门讨论 2011-09-23 10:15:18
    245个精美的SmartArt图(精美PPT制作素材)
  • 如何制作个人网站(如何搭建个人博客)

    万次阅读 多人点赞 2017-06-22 23:07:07
    ③网站代码制作工具或网站后台管理工具(你可以百度出模板) ④一定的编程技能和代码理解能力(优秀的网站制作者需要了解PHP、JavaScript、CSS、HTML、SQL、Markdown等知识)第一部分:域名 域名是一个网站的入口...
  • GIF动态图制作

    万次阅读 2015-10-20 10:56:00
    GIF动态图制作 博客写了也有一阵了,一直好奇大牛的博客里demo的动态图是怎么做的,今天抽空研究了一下,找了一个软件,以后再发现有好的工具再继续推荐 GIF制作工具——LICEcap 效果要比下面的Recordit...
  • CHM制作

    千次阅读 2019-04-20 14:02:57
    提起制作chm电子书,那么就不得不提到大名鼎鼎的WinCHM了。WinCHM不仅可以制作图文并茂的电子书,而且还提供了非常多的自定义选项,做出的chm电子书也小巧、稳定、好用。 那么,怎样使用WinCHM制作chm电子书呢?...
  • #3使用html+css+js制作网页 制作登录网页

    千次阅读 多人点赞 2020-01-31 20:23:54
    #3使用html+css+js制作网页 制作登录网页 详细教程
  • 手把手教你制作个人微信红包封面,保姆级红包封面制作教程,非常容易上手的微信红包封面制作教程
  • JavaScript制作动画

    万次阅读 2021-04-02 21:59:54
    JavaScript制作动画 <!DOCTYPE html> <html> <style> #container { width: 400px; height: 400px; position: relative; background: yellow; } #animate { width: 50px; height: 50px; ...
  • 制作ghost镜像

    万次阅读 2018-07-21 16:19:40
    本篇主要是制作镜像步骤,后面会有ghost镜像安装系统的博文出来,敬请关注 准备工作: 1.使用正常的系统,一般c盘作为系统盘; 2.下载PE工具,并安装(老毛桃、大白菜、u深度均可)。 3.一个空U盘,制作成PE盘...
  • 现在U盘启动盘制作工具那么多,比如:通用微PE工具箱,U盘魔术师、U大师等等,那么到U盘启动盘制作工具哪个好用呢? ​U盘启动盘制作工具,是指用U盘启动维护系统的软件,其制作的系统可以是一个能...
  • 为Mac制作WTG的详细流程+制作工具

    千次阅读 2020-07-27 22:34:12
    为Mac制作WTG详细流程准备下载驱动解压WTG制作工具,拷入基本驱动制作WTG重启系统总结 准备 Windows专业版/企业版上可以用官方工具制作WTG,但是限制很多,这里以第三方工具制作为例,需要准备以下: Windows镜像...
  • 基于STM32F103C8T6的循迹避障小车完整制作过程 由于本人的一个小项目,要做一个基于STM32的循迹避障小车,前后花了约1周的时间,这个过程种也参考了很多大神分享的资料,学到很多的东西。但是资料都比较分散,有些...
  • 教程丨利用微软官方工具制作U盘安装Win10系统

    万次阅读 多人点赞 2019-10-14 09:56:59
    一、制作Win10安装U盘 1、登录网站 https://www.microsoft.com/zh-cn/software-download/windows10 下载 “MediaCreationTool”工具,这里我们直接点击“立即下载工具”即可。 2、安装并运行“MediaCreation...
  • 使用Setup Factory安装包制作工具制作安装包 在我们开发完软件后,除了极个别案例我们把整个目录复制给客户用外,我们一般都需要做成安装包,方便整个软件的部署操作,以安装包的部署操作可能简单的是复制文件,也...
  • 符号制作

    千次阅读 2016-04-14 11:33:57
    符号制作1、点符号—盐霜符号的制作 1 2、线符号—裂隙符号制作 5 3、面状符号—泥渍符号的制作 71、点符号—盐霜符号的制作 (1)新建一个Style库,打开ArcMap,在菜单栏选择Customize->Style Manager,在弹出的...
  • mxnet制作.lst和.rec文件

    万次阅读 2019-12-09 17:53:24
    mxnet读数据的其中一种方式就是读取.rec文件,实际上.rec文件的制作流程并不复杂,分为两个步骤: 1.制作.lst文件,这里是一种灵活度比较高的方法 上图是一个简单的lst文件,第一列是index列,第二列是标签列,...
  • 数据分析报告制作

    千人学习 2017-01-04 11:47:46
    数据报告制作,用于简单的报告逻辑框架,填充数据,得出结论,并用于实际工作/学习场景。
  • 给头像加边框——校庆头像制作的小程序 ——分享改变世界,感谢成长路上遇见的分享 话不多说先上图(满意客官再往下看): 首页 选择头像框 制作界面 ...
  • 使用LaTeX制作PPT

    万次阅读 多人点赞 2018-10-14 20:36:58
    可以使用beamer类来制作PPT,基本框架为: \documentclass{beamer} \usepackage{xeCJK} \begin{document} \begin{frame}{标题}{小标题} 第一页幻灯片 \end{frame} \begin{frame} 第二页幻灯片 \end{frame} ...
  • 如何制作表情包怎么制作gif动图

    千次阅读 2018-09-30 17:57:39
    动画制作的方法是有很多种的,但是最简单的方法应该是直接将视频转换为gif格式,有些人制作动画是为了好玩搞笑,用来制作搞笑的图片逗乐身边的人,那么我们就可以截取视频中的有趣片段,再利用迅捷视频转换器转换为...
  • 你不用担心不会做动画,这里制作的都是极简单的动画,就像编程学习一样,都从hello world开始,学习制作动画也作这个开始。其实只要点几下按钮,就可创建一个动画出来,非常方便。 在创建之前先记住下面几个快捷键...
  • svga制作

    千次阅读 2018-08-22 13:34:40
    只要是程序员的你,你不得不知道svg图片,它可以无限任意放大拉伸都不会损失画质,就像系统字体一样可以无限矢量放大,svg更高级是可以用来制作矢量动画,现在各大浏览器和系统基本对svg已经支持很好了 ...
  • python制作gif动图可以用imageio库简单实现。 例如一个简单的例子 import imageio import glob import cv2 from PIL import ImageFont, ImageDraw, Image def create_gif(imagename_list, gif_name, duration=1): ...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 505,252
精华内容 202,100
关键字:

制作