JavaScript实现的微信二维码图片生成器的示例_javascript技巧

jquery.qrcode.js 是一个能够在客户端生成矩阵二维码QRCode 的jquery插件 ,使用它可以很方便的在页面上生成二维条码。

QRCode.js

QRCode.js是javascript实现二维码(QRCode)制作生成库。 QRCode.js有着良好的跨浏览器兼容性(高版本使用HTML5的 Canvas,低版本IE使用table元素绘制),而且QRCode.js没有任何依赖。只需要引用一个JS。

此插件是能够独立使用的,体积也比较小,使用gzip压缩后才不到4kb。因为它是直接在客户端生成的条码,所以不会有图片下载的过程,能够实现快速生成。它是基于一个多语言的类库封装的,也不依赖于其他额外的服务。

注* 它也支持使用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

注* 这里有一个Server端使用Node.JS生成二维码图片的库,有兴趣的同学也可以研究一下: https://github.com/soldair/node-qrcode

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

以上是小编为您精心准备的的内容,在的博客、问答、公众号、人物、课程等栏目也有的相关内容,欢迎继续使用右上角搜索按钮进行搜索js
, 二维码生成器
js生成二维码图片
javascript代码生成器、javascript生成器、二维码生成器、草料二维码生成器、微信二维码生成器,以便于您获取更多的相关知识。

时间: 2024-08-03 09:42:01

JavaScript实现的微信二维码图片生成器的示例_javascript技巧的相关文章

js微信扫描二维码登录网站技术原理_javascript技巧

微信扫描二维码登录网站是微信开放平台下网站应用的一种接口实现的功能.微信开放平台的网址是https://open.weixin.qq.com 准备工作 网站应用微信登录是基于OAuth2.0协议标准构建的微信OAuth2.0授权登录系统. 在进行微信OAuth2.在进行微信OAuth2.0授权登录接入之前,在微信开放平台注册开发者帐号,并拥有一个已审核通过的网站应用,并获得相应的AppID和AppSecret,申请微信登录且通过审核后,可开始接入流程. 授权流程说明 微信OAuth2.0授权登录

微信网页版登录页面不显示二维码图片怎么回事

登录微信网页版网址显示不了微信二维码图片怎么办? 建议刷新一下网页,如果还是没有效果的话,可以清理一下浏览器的缓存. 注意,如果上在办法还是不行我们可以换一个浏览器了,如google浏览器,ff浏览器这种对js的支付会非常的不错可以解决你的问题.

ASP.NET生成二维码的方法总结_实用技巧

本文实例总结了ASP.NET生成二维码的方法.分享给大家供大家参考,具体如下: 分享一例c#生成二维码的代码,直接引用ThoughtWorks.QRCode.dll 类生成二维码,有需要的朋友参考下. 方法1.直接引用ThoughtWorks.QRCode.dll 类,生成二维码. 代码示例: ThoughtWorks.QRCode.Codec.QRCodeEncoder encoder = new QRCodeEncoder(); encoder.QRCodeEncodeMode = QRCo

JS实现鼠标移上去显示图片或微信二维码_javascript技巧

废话不多说了,直接给大家贴代码了. <html> <head> <script type="text/javascript"> function showImg(){ document.getElementById("wxImg").style.display='block'; } function hideImg(){ document.getElementById("wxImg").style.displa

微信公众号指纹二维码图片该怎么制作?

  在很多微信公众号内容最低端有二维码和指纹,而且各种各样的都有,下面,我将做二维码和指纹的经验分享给大家,愿能够对你有所有帮助. 1.添加指纹图片 2.点击上面的裁剪功能,然后把指纹这部分裁剪下来 3.将裁剪下来的二维码另存为在电脑任意一个文件夹里面 4.保存了,然后点击页面"拼图", 在点击"图片拼接" 5.点击"添加多张图片 "进行添加自己的二维码图片,然后在点击图片,可以可以拼接图片了,图片位置可以调节 6.点击"另存为 &qu

android-微信分享sdk分享二维码图片到安卓微信,没有长按识别二维码选项

问题描述 微信分享sdk分享二维码图片到安卓微信,没有长按识别二维码选项 微信分享sdk分享二维码图片到安卓微信,没有长按识别二维码选项.但是再次转发后就有此选项.看了网友的回答,没有真正解决这个问题的.有高手请赐教啊!拜谢!! 解决方案 识别二维码选项 是微信的功能,跟你图片有关. 能够分享成功,就不是你sdk的问题. 解决方案二: 生成二维码,微信分享

JavaScript生成二维码图片小结_javascript技巧

摘要: 百度百科上是这样介绍二维码的:二维码(Quick Response Code),又称二维条码,它是用特定的几何图形按一定规律在平面(二维方向)上分布的黑白相间的图形,是所有信息数据的一把钥匙.在现代商业活动中,可实现的应用十分广泛,如:产品防伪/溯源.广告推送.网站链接.数据下载.商品交易.定位/导航.电子商务应用.车辆管理.信息传递等.如今智能手机扫一扫(简称313)功能的应用使得二维码更加普遍,随着国内物联网产业的蓬勃发展,更多的二维码技术应用解决方案被开发,二维码成为移动互联网入口

如何制作微信二维码指纹扫描图片

最近微信上的非常流行微信二维码指纹扫描加关注的方式,很多人都不太会,但是又想做,这里为大家讲解一下如何制作微信二维码指纹扫描图片.这类图片其实做起来不难,都是一些基础技巧,特别有素材的情况下,更是简单几步就能做出来了.下面我们就用素材合成一个动态的二维码扫描图片. 我们先看看最终效果: 素材: 更多素材链接: 访问链接:https://yunpan.cn/crVNETJhuAtNz   访问密码: 2714 素材不同,但方法是一样的下面开始教程:1.打开指纹素材 2.打开时间轴窗口:窗口-时间轴

淘宝封杀微信第二波:9月10日起全面屏蔽外链二维码图片

淘宝网公示 8月12日消息,淘宝网今日对外发布公告称将在1个月内全面屏蔽外链二维码图片,对于已发含有外链二维码的图片,淘宝网给出了1个月的整改期.9月10日后,如果商户发布外链二维码图片,将会被当做滥发信息行为进行处理. 据淘宝网公告显示,8月9日起淘宝网中新发含有外链二维码的图片将无法使用.对于已发含有外链二维码的图片,淘宝网给出了1个月的整改期.整改期内淘宝会逐步冻结这些图片,但不作商品删除.扣分等处理.9月10日后,如果商户发布外链二维码图片,将会被当做滥发信息行为进行处理. 对于此次淘宝