zoukankan      html  css  js  c++  java
  • jquery.qrcode 生成二维码带logo

    <div id="container">这里是二维码显示位置</div>
    <script language="JavaScript">
    	$(function(){
    		var options = {
    			render: "canvas",
    			ecLevel: 'H',//识别度
    			fill: '#000',//二维码颜色
    			background: '#ffffff',//背景颜色
    			quiet: 2,//边距
    			 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 必须为 同域,否则会因为跨域的问题导致报错

  • 相关阅读:
    【CF833E】Caramel Clouds
    【LG2183】[国家集训队]礼物
    (ex)Lucas总结
    【CF527C】Glass Carving
    【CF833D】Red-Black Cobweb
    【LG4631】[APIO2018]Circle selection 选圆圈
    volatile梳理
    ThreadLocal梳理
    java线程基础梳理
    TCP/IP
  • 原文地址:https://www.cnblogs.com/whlives/p/5531064.html
Copyright © 2011-2022 走看看