用纯JavaScript实现的微信二维码图片生成器
注* 之前的二给码分享功能大多是由后端实现的,对服务器的负载较重,这里有一个前端实现的版本,而且性能还可以。
QRCode.js
QRCode.js是javascript实现二维码(QRCode)制作生成库。 QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素绘制),而且QRCode.js没有任何依赖。只需要引用一个JS。
注* 它也支持使用SVG绘制二维码
基本使用
注* 首先需要添加对qrcode.js的引用,并创建一个空DIV
<div id="qrcode"></div> <script type="text/javascript"> new QRCode(document.getElementById("qrcode"), "http://jindo.dev.naver.com/collie"); </script>
还有更多参数可以选
var qrcode = new QRCode("test", {text: "http://jindo.dev.naver.com/collie",width: 128,height: 128,colorDark : "#000000",colorLight : "#ffffff",correctLevel : QRCode.CorrectLevel.H
});
你可以动态地改变二维码图片,速度很快
qrcode.clear();
qrcode.makeCode("http://naver.com");
浏览器支持
几乎支持所有浏览器: IE6~10, Chrome, Firefox, Safari, Opera, Mobile Safari, Android, Windows Mobile.
DEMO地址: http://davidshimjs.github.io/qrcodejs
转载于:https://my.oschina.net/colinfed/blog/534196
用纯JavaScript实现的微信二维码图片生成器相关推荐
- Excel二维码图片生成器
Excel二维码图片生成器. 它可以将excel文件的数据,每行数据生成一张二维码图片,并保存到电脑.软件无需安装,解压后即可直接使用,无需联网,操作简便快捷. 下载地址:点此下载 步骤1:导入事先制 ...
- 微信二维码+logo生成器
手机微信->个人设置->微信二维码生成即可 如果不满意可以自定义图片 将图片上传到这里 添加自己的logo即可生成 http://www.weixintizi.com/blog/10.ht ...
- 微信二维码图片长按没有出现“识别图中的二维码”
2019独角兽企业重金招聘Python工程师标准>>> 问题:页面中显示二维码图片,但是长按没有出现"识别图中二维码"选项. 1有说是style 的问题,然而修改 ...
- javascript动态生成网址二维码图片
这个实现二维码生成功能的是引用谷歌google的JS来实现的,可以兼容几乎所有浏览器,包括动态和静态网页,具有加载速度快的特点! 代码如下: 放到你想添加二维码的位置 ; <script typ ...
- 刷新页面微信二维码图片随机换,点击按钮自动复制对应微信号
<div style="text-align: center;"> <p style="font-size: 18px;color: rgb(255, ...
- 小程序识别企业微信二维码功能
实现思路 长按识别第一时间想到了wx.previewImage(Object object, boolean showmenu) 在新页面中全屏预览图片.预览的过程中用户可以进行保存图片.发送给朋友等 ...
- 网站点击弹窗微信二维码功能纯CSS
复制粘贴下边代码,根据需要更换图片路径,以及css. <html> <head> <style> body { text-align:center; } .w ...
- CSS实现鼠标经过网页图标弹出微信二维码
特点 1.纯CSS实现二维码展示功能,减少加载JS: 2.使用CSS3 transform 属性: ## 第一步 在需要展示二维码的地方添加如下代码,其中<a>标签内容可以根据需要修改成图 ...
- 微信二维码支付快速入门
目录 一.二维码生成插件qrious 二.HttpClient 三.微信扫码支付 1.申请步骤 2.开发文档 四.入门Demo 1.工程搭建 2.myStudy-pay-interface 3.myS ...
- java微信二维码登录
1.注册 微信开放平台:https://open.weixin.qq.com 2.邮箱激活 3.完善开发者资料 4.开发者资质认证 准备营业执照,1-2个工作日审批.300元 5.创建网站应用 提交审 ...
最新文章
- 医疗实体链接(标准化)论文解读 (附代码) A Lightweight Neural Model for Biomedical Entity Linking
- (数据结构与算法)使用栈来实现综合计算器
- oracle dbv使用详解
- C和C++中static的用法及友元
- python统计行号_利用Python进行数据分析(第三篇上)
- 我30岁了。现在开始编程,会不会太晚?
- Vue.js - Day2
- 等待队列中为什么需要互斥锁?一个线程在等待时被唤醒后会做什么?安全队列的代码实现
- Windows Phone标准中文字体
- Elasticsearch插件介绍及安装
- matlab 大于并且小于,matlab分段函数中大于、小于(“」”、“「”)的应用
- 『晨读』纳什均衡又称为非合作博弈均衡,在一个博弈过程中,
- 指定的网络名不再可用
- Recyclerview 特别好用的局部刷新item方法
- pyTest官方手册(Release 4.2)之蹩脚翻译(6)
- 探讨一种新型的双进程守护应用保活
- win10清理_别人都说win10不需要装电脑管家,那电脑产生的垃圾该怎么清理呢
- excel表格如何打斜杠
- 计算机数字媒体计数专业好就业吗,2019数字媒体技术专业就业形势和就业方向分析...
- Thread.Sleep线程休眠
热门文章
- vue项目实现权限控制的几种思路
- 日常问题解决之JAVA标签打印设置纸张大小
- tan和cot的梗_cot和tan的关系
- 迪赛智慧数——柱状图(折柱混合图):应届生薪酬变化趋势
- http://atom8023.blog.51cto.com/2651558/1333582
- 如何成功激活win10专业版
- 致敬mentohust,路由器使用Socket认证华科校园网
- 初始化audio失败是什么意思_DirectXAudio初始化失败,高手看 – 手机爱问
- cad修改快捷键_CAD快捷键,提高绘图速度
- SpringBoot + screw 一键生成数据库文档,告别CV大法,解放生产力