注* 之前的二给码分享功能大多是由后端实现的,对服务器的负载较重,这里有一个前端实现的版本,而且性能还可以。

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实现的微信二维码图片生成器相关推荐

  1. Excel二维码图片生成器

    Excel二维码图片生成器. 它可以将excel文件的数据,每行数据生成一张二维码图片,并保存到电脑.软件无需安装,解压后即可直接使用,无需联网,操作简便快捷. 下载地址:点此下载 步骤1:导入事先制 ...

  2. 微信二维码+logo生成器

    手机微信->个人设置->微信二维码生成即可 如果不满意可以自定义图片 将图片上传到这里 添加自己的logo即可生成 http://www.weixintizi.com/blog/10.ht ...

  3. 微信二维码图片长按没有出现“识别图中的二维码”

    2019独角兽企业重金招聘Python工程师标准>>> 问题:页面中显示二维码图片,但是长按没有出现"识别图中二维码"选项. 1有说是style 的问题,然而修改 ...

  4. javascript动态生成网址二维码图片

    这个实现二维码生成功能的是引用谷歌google的JS来实现的,可以兼容几乎所有浏览器,包括动态和静态网页,具有加载速度快的特点! 代码如下: 放到你想添加二维码的位置 ; <script typ ...

  5. 刷新页面微信二维码图片随机换,点击按钮自动复制对应微信号

    <div style="text-align: center;"> <p style="font-size: 18px;color: rgb(255, ...

  6. 小程序识别企业微信二维码功能

    实现思路 长按识别第一时间想到了wx.previewImage(Object object, boolean showmenu) 在新页面中全屏预览图片.预览的过程中用户可以进行保存图片.发送给朋友等 ...

  7. 网站点击弹窗微信二维码功能纯CSS

    复制粘贴下边代码,根据需要更换图片路径,以及css. <html> <head> <style> body {    text-align:center; } .w ...

  8. CSS实现鼠标经过网页图标弹出微信二维码

    特点 1.纯CSS实现二维码展示功能,减少加载JS: 2.使用CSS3 transform 属性: ## 第一步 在需要展示二维码的地方添加如下代码,其中<a>标签内容可以根据需要修改成图 ...

  9. 微信二维码支付快速入门

    目录 一.二维码生成插件qrious 二.HttpClient 三.微信扫码支付 1.申请步骤 2.开发文档 四.入门Demo 1.工程搭建 2.myStudy-pay-interface 3.myS ...

  10. java微信二维码登录

    1.注册 微信开放平台:https://open.weixin.qq.com 2.邮箱激活 3.完善开发者资料 4.开发者资质认证 准备营业执照,1-2个工作日审批.300元 5.创建网站应用 提交审 ...

最新文章

  1. 医疗实体链接(标准化)论文解读 (附代码) A Lightweight Neural Model for Biomedical Entity Linking
  2. (数据结构与算法)使用栈来实现综合计算器
  3. oracle dbv使用详解
  4. C和C++中static的用法及友元
  5. python统计行号_利用Python进行数据分析(第三篇上)
  6. 我30岁了。现在开始编程,会不会太晚?
  7. Vue.js - Day2
  8. 等待队列中为什么需要互斥锁?一个线程在等待时被唤醒后会做什么?安全队列的代码实现
  9. Windows Phone标准中文字体
  10. Elasticsearch插件介绍及安装
  11. matlab 大于并且小于,matlab分段函数中大于、小于(“」”、“「”)的应用
  12. 『晨读』纳什均衡又称为非合作博弈均衡,在一个博弈过程中,
  13. 指定的网络名不再可用
  14. Recyclerview 特别好用的局部刷新item方法
  15. pyTest官方手册(Release 4.2)之蹩脚翻译(6)
  16. 探讨一种新型的双进程守护应用保活
  17. win10清理_别人都说win10不需要装电脑管家,那电脑产生的垃圾该怎么清理呢
  18. excel表格如何打斜杠
  19. 计算机数字媒体计数专业好就业吗,2019数字媒体技术专业就业形势和就业方向分析...
  20. Thread.Sleep线程休眠

热门文章

  1. vue项目实现权限控制的几种思路
  2. 日常问题解决之JAVA标签打印设置纸张大小
  3. tan和cot的梗_cot和tan的关系
  4. 迪赛智慧数——柱状图(折柱混合图):应届生薪酬变化趋势
  5. http://atom8023.blog.51cto.com/2651558/1333582
  6. 如何成功激活win10专业版
  7. 致敬mentohust,路由器使用Socket认证华科校园网
  8. 初始化audio失败是什么意思_DirectXAudio初始化失败,高手看 – 手机爱问
  9. cad修改快捷键_CAD快捷键,提高绘图速度
  10. SpringBoot + screw 一键生成数据库文档,告别CV大法,解放生产力