jquery.qrcode 生成二维码带logo
2016-05-26 14:46
555 查看
<div id="container">这里是二维码显示位置</div> <script language="JavaScript"> $(function(){ var options = { render: "canvas", ecLevel: 'H',//识别度 fill: '#000',//二维码颜色 background: '#ffffff',//背景颜色 quiet: 2,//边距 width: 200,//宽度 height: 200, text: "http://www.whui.org",//二维码内容 //中间logo start mode: 4, mSize: 11 * 0.01, mPosX: 50 * 0.01, mPosY: 50 * 0.01, image:$('#img-buffer')[0],//logo图片 //中间logo end label: 'jQuery.qrcode', fontname: 'Ubuntu', fontcolor: '#ff9818', }; $('#container').empty().qrcode(options); }) </script>
注意:
增加中间logo的时候,
嵌入的 logo 的 img 对象 <img src="">,直接传 logo 的 url 并没有用,会直接报错出来,必须用img标签的形式。
当 render 为 canvas 时, img.src 可为 非同域
当 render 为 image 时, img.src 必须为 同域,否则会因为跨域的问题导致报错
相关文章推荐
- Jquery实现多级联动
- jquery的一个插件scrollable.js做的注册三步骤,只有完成第一个才能进入下一步
- jQuery学习笔记--选择器、过滤器片
- jquery中attr和prop的区别
- jQuery EasyUI filebox的文件路径错误
- jquery ajax请求方式与提示用户正在处理请稍等,等待数据返回时loading的显示
- JQuery开发3-jQuery中图片动画效果
- JQuery快速学三之一(事件)
- JQuery快速学二(DOM操作)
- JQuery快速学三之一(事件)
- Javascript、Jquery获取浏览器和屏幕各种高度宽度
- jQuery对象入门级介绍
- jQuery设计思想
- jQuery设计思想
- jQuery控制文本框只能输入数字和字母及使用方法
- jquery获取html元素的绝对位置和相对位置的方法
- 基于jquery的固定表头和列头的方法
- Jquery实现select multiple左右添加和删除功能的简单实例
- jquery实现复选框案例
- 一些常用的jquery数字正则表达式