js通过codeURL画二维码

一、函数封装

//生成微信二维码
function xyqrcode(options) {var settings = {dom:'',render: 'canvas',   //生成二维码的格式还有image、divecLevel:"H",text:"",background:"#ffffff",fill:"#333333", //二维码纹路的颜色fontcolor:"#ff9818",fontname:"Ubuntu",image:{},label:"",mPosX:0.5,   //图片在X轴的位置mPosY:0.5,    //图片在X轴的位置mSize:0.27,   //图片大小minVersion:10,mode:4,quiet:1,radius:1,size:400};if (options) {$.extend(settings, options);//options对象跟settings比较，相同的就替换，没有的就添加}if(settings.dom.length==0){window.console.log("Error: dom empty!");return;}if(settings.url.length==0){window.console.log("Error: url empty!");return;}settings.text=settings.url; //在qrcode生成二维码的地址是text。这里就把url赋值给text$(settings.dom).qrcode(settings);}

　　二、调用

<div id="code"></div>

$(document).ready(function(){var options={};options.url=codeUrl; //二维码的链接options.dom="#code";//二维码生成的位置options.image=$('#img-buffer');//图片id// options.render="canvas";//设置生成的二维码是canvas格式，也有image、div格式options.render="image";//设置生成的二维码是canvas格式，也有image、div格式xyqrcode(options);});

转载于:https://www.cnblogs.com/karila/p/7099078.html

js通过codeURL画二维码相关推荐

QRCode.js -- 用 Javascript 生产二维码
QRCode.js是一个生成二维码的JS库.QRCode.js支持在DOM中使用跨浏览器Canvas和table标签的. QRCode.js不依赖其他JS库. 基本用法: <div id=&qu ...
JS的条形码和二维码生成
一.前言最近做项目用到了JS生成条形码和二维码,内容不多,整理一下方便使用. 2018年7月5日更新: 二维码生成时,如果长度太长会有异常: Uncaught Error: code length ...
使用canvas画二维码
使用canvas画二维码需要使用 qrcode 依赖具体代码如下 <template><div><canvas ref="code">< ...
网页获取微信信息——js使用插件生成二维码（1）
js使用插件生成二维码: 一.安装依赖: npm i qrcodejs2 -S 二.放置二维码的容器,需要给一个ref <div class="QRcodeCon">& ...
使用js,把链接转为二维码
使用js,把链接转为二维码 Html Js qrcode.min.js Html <!DOCTYPE html> <html><head><meta char ...
js自动实现读取二维码内容
js自动实现读取二维码内容 <!DOCTYPE html> <html><head><meta charset="utf-8" /> ...
js调用微信利用二维码扫码登录
js调用微信利用二维码扫码登录准备工作网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统. 在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐 ...
1 canvas 画二维码
1,将网址转换为二维码并用canvas画到页面效果代码  <!DOCTYPE html> < ...
js 通过摄像头识别二维码，可以控制闪光灯。原生 HTML 调用摄像头，有原生HTML + JS 版本和 VUE3 + TS 版本与 uniapp 版本
开发背景最开始公司说到这个需求的时候第一个想法是使用微信的 js SDK 接入微信的扫一扫.但是得知所做的这个功能模块是需要嵌入到之前开发的app中,所以就只有使用 js 原生的 API 来开发了. ...
vue2.0 引用qrcode.js实现获取改变二维码的样式
vue代码 <template><div class="qart"><div id="qrcode" ref="qrco ...

js通过codeURL画二维码

js通过codeURL画二维码相关推荐

最新文章

热门文章