OurJS


OurJS-我们的JS, 我们的技术-IT文摘; 专注JS相关领域;
我们热爱编程, 我们热爱技术;我们是高大上, 有品味的码农;

欢迎您订阅我们的技术周刊


我们会向您分享我们精心收集整理的,最新的行业资讯,技术动态,外文翻译,热点文章;
我们使用第三方邮件列表向您推送,我们不保存您的任何个人资料,注重您的隐私,您可以随时退订,

欢迎分享您的观点,经验,技巧,心得

让我们一起找寻程序员的快乐,探索技术, 发现IT人生的乐趣;


本网站使用缓存技术每次加载仅需很小流量, 可在手机中流畅浏览;
如果您发现任何BUG,请即时告知我们: ourjs(at)ourjs.com

QRCode:用纯JavaScript实现的微信二维码图片生成器


分享到
分类 JS开源   关键字 开源   发布 ourjs  1441010411941
注意 转载须保留原文链接,译文链接,作者译者等信息。  
注* 之前的二给码分享功能大多是由后端实现的,对服务器的负载较重,这里有一个前端实现的版本,而且性能还可以。

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


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

原文地址: 点此
社区评论 ( Beta版 )
OnceDoc 您自己的企业内容管理系统——文档、流程、知识库、报表、网盘All In One

访问404页面,寻找丢失儿童
 热门文章 - 分享最多
  1. JavaScript正在变成Web界的C++
  2. Node.js中的通用基础设计模式
  3. 请停止将JavaScript类型化(建议不要使用class实现类继承)
  4. 闪客时代开始被HTML5慢慢终结:Facebook首席安全官号召设定正式消灭Flash的期限
  5. ES6中的Map与JSON的相互转化(序列和持久化)
  6. 纽约时报使用Html5 WebRTC记录访问者IP地址
  7. 在Debian/Ubuntu上面安装升级nginx到最新版
  8. 用jQuery和JavaScript深度复制JSON对象的方法
  9. AirJD-简单好用的免费建站工具

 相关阅读 - JS开源
  1. LightGL轻量级的WebGL 3D渲染库
  2. JSGraphs目前最全的JavaScrtip开源图表库集合
  3. Waveform基于JavaScript的开源多声道音乐波形编辑器
  4. Image Lazy Load:那些延时加载图片的开源插件(jQuery)
  5. NativeScript的竞争者React Native:又一个用JavaScript写原生iOS应用的项目
  6. 6款基于Node.JS的开源内容管理和静态网站生成系统
  7. trim-html:NodeJS的HTML文本截取库(自动生成正文摘要)
  8. history.js 一个无刷新就可改变浏览器栏地址的插件(不依赖jquery)
  9. 使用Node.JS监听文件夹变化
  10. 服务器端(NodeJS)使用jQuery选择器操作DOM(HTML/XML)

 关键字 - 开源
  1. Node.JS如何调用Chrome打开浏览器链接地址
  2. 开源的多行字符串工具: 在JS中整段地写HTML
  3. 使用NodeJS搭建邮件自动发送服务器
  4. Mongoose学习参考文档——基础篇
  5. 15个最好用的Node.JS后端框架
  6. 几款开源的图形化Redis客户端管理软件
  7. Github Pages疑似被封: 再也不能用Pages搭建个人博客了
  8. wemall app商城源码android开发MD5加密工具类
  9. 【数据可视化】基础知识贴:10大关键术语
  10. wemall app商城源码中基于PHP的ThinkPHP惯例配置文件代码

 欢迎订阅 - 技术周刊

我们热爱编程, 我们热爱技术; 我们是高端, 大气, 上档次, 有品味, 时刻需要和国际接轨的码农; 欢迎您订阅我们的技术周刊; 您只需要在右上角输入您的邮箱即可; 我们注重您的隐私,您可以随时退订.
加入我们吧! 让我们一起找寻码农的快乐,探索技术, 发现IT人生的乐趣;


 关注我们

我们的微信公众号: ourjs-com
打开微信扫一扫即可关注我们:
IT文摘-程序员(码农)技术周刊

ourjs官方微信号