二维码生成器

如何在前端生成二维码

风流意气都作罢 提交于 2020-04-03 22:06:04
第一步: 引入:< script src= "qrcode.js"> </ script> 第二步: < div id= "qrcode"> </ div> 第三步: // 1.简单使用方式 : new QRCode( document.getElementById( 'qrcode'), 'http://www.baidu.com'); // 2.设置参数使用方式: var qrcode = new QRCode( 'qrcode', //document.getElementById('#qrcode'); { text: 'http://www.baidu.com ', width: 256, height: 256, colorDark : '#000000', colorLight : '#ffffff', correctLevel : QRCode.CorrectLevel.H }); // 3使用 API qrcode.clear(); qrcode.makeCode( 'new content'); 总结:参数说明: new QRCode(element, option) element-显示二维码的元素或该元素的 ID option参数配置 width256图像宽度height256图像高度typeNumber4colorDark"#000000

vue项目使用qrcodejs2生成二维码

怎甘沉沦 提交于 2020-02-07 02:20:15
总结下,以后用到方便,最近做项目用到根据前端的入参生成二维码,手机访问跳到H5页面 1.引入qrcodejs2 cnpm install qrcodejs2 2.HTML ! -- 二维码弹框 -- > < ! -- 我的二维码是在弹框里,使用的话只需要给一个装二维码的元素就可以 -- > < el-button type = "primary" @click = "payOrder" > 生成二维码 < /el-button > < el-dialog width = "30%" :title = "payment" @close = "closeCode" :visible.sync = "innerVisible" append-to-body > < div class = "paycode" > < ! -- 放置二维码的容器,需要给一个ref -- > < div id = "qrcode" ref = "qrcode" > < /div > < /div > < /el-dialog > 3.js // 引入 import QRCode from 'qrcodejs2' methods : { // 展示二维码 payOrder ( ) { this . innerVisible = true // 二维码内容,一般是由后台返回的跳转链接,这里是写死的一个链接

二维码生成(Google-API)

半城伤御伤魂 提交于 2020-02-04 11:48:48
API : https://chart.googleapis.com/chart 参数: 1. cht=qr 这个是必需的,告诉 API ,你需要生成的是二维码。 2. chs=<width>x<height> 这个同样是必需的,告诉 API ,你需要生成的二维码的尺寸。 3. chl=<data> 这个还是必需的,用来告诉 API 二维码所包含的信息。可以是数字、字符数字、字符、二进制信息、汉字。不能混合数据类型。数据必须经过UTF-8 URL-encoded。如果需要传递的信息超过2K个字节,请使用POST方式。 4. choe=<output_encoding> 终于来了个不是必须的,这个是用来声明生成的二维码所包含信息的编码,默认是 UTF-8 ;其他可选编码是 Shift_JIS 、 ISO-8859-1 5. chld=<error_correction_level>|<margin> 可选 纠错等级。QR码支持四个等级的纠错,用来恢复丢失的、读错的、模糊的、数据。下面是可选的值:L-(默认)可以识别已损失7%的数据;M-可以识别已损失15%的数据;Q-可以识别已损失25%的数据;H-可以识别已损失30%的数据。margin 是指生成的二维码离图片边框的距离。 QR码是方形的,有相同的长和宽。QR码的大小是固定的:从21到177的长/宽,每次递增4个像素点

目前比较流行的二维码的生成

纵饮孤独 提交于 2020-02-04 11:48:33
最近比较流行二维码,自己百度了一下发现有一个很不错的实现方法使用谷歌接口 http://chart.apis.google.com(gg的图标api接口) QRcode是二维码的一种。QRcode可以存储最多4296个字母数字类型的任意文本。这些文本可以是任何内容,例如,网址、联系信息、电话号码(具体科查看 二维码数据格式 )。QR code存储的信息可以被安装有适当软件的光学设备读取。这种设备既可以是专用的QR code读取器也可以是手机。 参数解释 http://chart.apis.google.com/chart? : 调用 Google 图表 API cht=qr 这个是必需的,告诉 API ,你需要生成的是二维码。 chs=< width >x< height > 这个同样是必需的,告诉 API ,你需要生成的二维码的尺寸。 chl=< data > 这个还是必需的,用来告诉 API 二维码所包含的信息。可以是数字、字符数字、字符、二进制信息、汉字。不能混合数据类型。数据必须经过UTF-8 URL-encoded。如果需要传递的信息超过2K个字节,请使用POST方式。 choe=< output_encoding > 终于来了个不是必须的,这个是用来声明生成的二维码所包含信息的编码,默认是 UTF-8 ;其他可选编码是 Shift_JIS 、 ISO-8859-1

jquery生成二维码图片

无人久伴 提交于 2020-02-04 11:47:54
1.插件介绍 jquery.qrcode.min.js插件是jq系列的基于jq,在引入该插件之前要先引入jq。能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码。 闲话少说,看demo吧!(haha...) 2.快速使用demo 简单介绍:这是一款快速应用案例,没有太特殊的需求的话够用了。鉴于需求,本例是把二维码生成了图片,可以保存到手机,然后发送给好友,直接识别二维码。 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8"> 5 <title>二维码分享xx</title> 6 <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no"> 7 <link rel="stylesheet" type="text/css" href="jquery.mobile-1.4.5.min.css" /> 8 <script src="jquery-1.8.3.min.js"></script> 9 <script src="jquery.mobile-1.4.5.min.js"></script> 10 <script src=

使用PHP QR Code生成二维码

£可爱£侵袭症+ 提交于 2020-02-04 11:39:37
HP QR Code是一个PHP二维码生成类库,利用它可以轻松生成二维码,官网提供了下载和多个演示demo,查看地址: http://phpqrcode.sourceforge.net/ 下载官网提供的类库后,只需要使用phpqrcode.php就可以生成二维码了,当然您的PHP环境必须开启支持GD2。 phpqrcode.php提供了一个关键的png()方法,其中 参数$text表示生成二位的的信息文本; 参数$outfile表示是否输出二维码图片 文件,默认否; 参数$level表示容错率,也就是有被覆盖的区域还能识别,分别是 L(QR_ECLEVEL_L,7%),M(QR_ECLEVEL_M,15%),Q(QR_ECLEVEL_Q,25%),H(QR_ECLEVEL_H,30%); 参数$size表示生成图片大小,默认是3;参数$margin表示二维码周围边框空白区域间距值; 参数$saveandprint表示是否保存二维码并显示。 . 代码如下: public static function png($text, $outfile=false, $level=QR_ECLEVEL_L, $size=3, $margin=4, $saveandprint=false) { $enc = QRencode::factory($level, $size, $margin);

laravel生成二维码-入门

耗尽温柔 提交于 2020-01-31 05:07:42
laravel生成二维码-入门-2020-1-30 前提 核心技术 配置 生成二维码(示例生成随机二维码) **最终效果** 前提 laravel 版本 >=5.6, PHP版本 >=7.0 核心技术 Simple QrCode 是基于强大的Bacon/BaconQrCode库开发的适用于当前最流行的Laravel框架的一个扩展库.便于Laravel用户可以很方便地使用 配置 Composer 设置 首先,添加 QrCode 包添加到你的 composer.json 里: { "require ": { “simplesoftwareio/simple-qrcode”: “~2” } } 然后利用cmd,cd到你的目录,输入composer update 添加Service Provider (目录:你的目录/config/app.php) 找到’providers’ => [ 。。。很多东西。。。], 按照格式加 SimpleSoftwareIO\QrCode\QrCodeServiceProvider::class, 添加 Aliases (目录:你的目录/config/app.php) 找到’aliases’ => [ 。。。很多东西。。。], 按照格式加 ‘QrCode’ => SimpleSoftwareIO\QrCode\Facades\QrCode::class,

iOS开发之生成二维码

烂漫一生 提交于 2020-01-26 14:30:08
一、二维码的生成 从iOS7开始集成了二维码的生成和读取功能 此前被广泛使用的zbarsdk目前不支持64位处理器 1.二维码的内容(传统的条形码只能放数字) 纯文本 名片 URL 2.生成二维码的步骤: 导入CoreImage框架(Xcode6.4居然不用导入) 通过滤镜CIFilter生成二维码 // 1.创建过滤器 CIFilter * filter = [ CIFilter filterWithName :@ "CIQRCodeGenerator" ]; // 2.恢复默认 [ filter setDefaults ]; // 3.给过滤器添加数据 NSString * dataString = @ "http://www.520it.com" ; NSData * data = [ dataString dataUsingEncoding : NSUTF8StringEncoding ]; // 4.通过KVO设置滤镜inputMessage数据 [ filter setValue : data forKeyPath :@ "inputMessage" ]; // 4.获取输出的二维码 CIImage * outputImage = [ filter outputImage ]; // 5.将CIImage转换成UIImage,并放大显示 self . imageView

ios如何生成二维码

混江龙づ霸主 提交于 2020-01-26 14:29:51
ios 7以后 系统为我们集成了生成二维码和读取功能,我们可以使用系统自带的框架 来进行二维码的相关操作。 框架CoreImage框架(该框架可以做毛玻璃效果),通过滤镜CIFilter生成二维码 。 生成二维码步骤: 包含库头文件 import <CoreImage/coreImage.h> 1, 创建过滤器      CIFilter *filter = [ CIFilter filterWithName : @"CIQRCodeGenerator" ]; 2, 恢复默认设置      [filter setDefaults ]; 3,给过滤器添加数据    NSString *str = @ "这是一个二维码的生成结果" ; (如果想让二维码是一个URL,直接将字符串改成URL地址)    NSData *data = [strData dataUsingEncoding : NSUTF8StringEncoding ];    [filter setValue :data forKey : @"inputMessage" ]; 4,获取输出的二维码    CIImage *outPutImage = [filter outputImage ]; 返回的是一个CIImage 5 , 显示二维码   self. imageView. image =[ UIImage

phpqrcode 生成二维码

自闭症网瘾萝莉.ら 提交于 2020-01-26 14:28:03
这个项目需要根据信息来自动生成二维码,到网上搜了下,发现php有生成二维码的类库phpqrcode,所以打算就用这个来生成二维码 从官网下载类库源码 http://sourceforge.net/projects/phpqrcode/ ,下面是测试案例: <?php include('phpqrcode.php'); $value='http://www.cnblogs.com/'; $errorCorrectionLevel = 'L'; $matrixPointSize = 10; QRcode::png($value, 'logo.png', $errorCorrectionLevel, $matrixPointSize, 2); ?> 但是这个案例是将二维码输出到图片中,我想要把生成的二维码直接显示到浏览器中,查了文档,发现只需要改个参数就可以实现了 <?php include('phpqrcode.php'); $value='http://www.cnblogs.com/'; $errorCorrectionLevel = 'L'; $matrixPointSize = 10; QRcode::png($value,false, $errorCorrectionLevel, $matrixPointSize, 2); ?> 后面我又考虑着