QQ客服
當前位置 : 首頁 > 代碼 > 網頁特效 > 其它特效 > 自定義qrcode二維碼插件

自定義qrcode二維碼插件

jQuery基于qrcode二維碼插件,自定義生成帶logo圖片二維碼圖形樣式代碼。支持:二維碼的后景色、前景色、中間的圖片、寬度、高度、自動跳向該鏈接等設置。
分享到微信朋友圈
X

使用方法:

1、head引入css文件

<style>
#qrcode{width: 300px;margin: 20px auto;}
</style>

2、body引入部分

<div id="qrcode"></div>

<script type="text/javascript" src="js/jquery.min.js"></script>
<script type="text/javascript" src="js/utf.js"></script>
<script type="text/javascript" src="js/qrcode.min.js"></script>
<script type="text/javascript">   
   $("#qrcode").qrcode({
        render : "canvas", //設置渲染方式,有table和canvas
        text : 'http://www.sthznx.live/', //掃描二維碼后自動跳向該鏈接
        width : "300", //二維碼的寬度
        height : "300", //二維碼的高度
        background : "#ffffff", //二維碼的后景色
        foreground : "#000000", //二維碼的前景色
        src: 'images/logo.png', //二維碼中間的圖片
    });
</script>
[聲明]本站素材來自用戶分享,僅限學習交流請勿用于商業用途。如損害你的權益請聯系客服QQ:2447402004給予處理。
舉報×
舉報原因:

推薦標簽

相關代碼

二維碼
意見反饋
×
×

注冊

QQ注冊 立即下載 新浪注冊 立即下載

簽到成功!

已連續簽到1天,簽到3天將獲得積分VIP1天

知道了
青海快三今天推荐号