<script type="text/javascript" src="js/jquery.qrcode.min.js"></script>//引入qrcode.js（到https://github.com/jeromeetienne/jquery-qrcode 下载 ）
<script>
function utf16to8(str) { //解决中文乱码
var out, i, len, c
out = ""
len = str.length
for(i = 0 i < len i++) {
c = str.charCodeAt(i)
if ((c >= 0x0001) && (c <= 0x007F)) {
out += str.charAt(i)
} else if (c > 0x07FF) {
out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F))
out += String.fromCharCode(0x80 | ((c >> 6) & 0x3F))
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F))
} else {
out += String.fromCharCode(0xC0 | ((c >> 6) & 0x1F))
out += String.fromCharCode(0x80 | ((c >> 0) & 0x3F))
}
}
return out
}
</script>
<script>//此处生成名片二维码（如要生成普通链接二维码 则 “text”参数值 直接替换成普通链接即可）
var the_text = "BEGIN:VCARD \r\nFN:姓名 \r\nTELCELL,VOICE:15000000000 \r\nTITLE:职称 \r\nORG:公司（组织） \r\nEMAILINTERNET,HOME:[email protected] \r\nADRWORK,POSTAL:地球中国山东... \r\nURL:http://leerd.cn \r\nEND:VCARD"
the_text = utf16to8(the_text)
//alert(the_text)
jQuery('#qrcodeid').qrcode({
width:140,
height:140,
render:"canvas", //设置渲染方式 table canvas
typeNumber : -1, //计算模式
correctLevel : 0,//纠错等级
background : "#ffffff",//背景颜色
foreground : "#000000",//前景颜色
text:the_text
})
</script>
1、如果是单纯要生成一张二维码的话，可以在网上搜索二维码生成器即可。2、输入你想的信息，点击生成二维码即可，等待生成完成后即可下载你所需要的二维码了。
3、如果一个IT开发方面的，需要是前端开发，需要在js里面生成二维码的话，你可以参考一下网络的代码。
通常可以通过vue创建项目来生成移动端点击下载的二维码。第一步：安装@xkeshi/vue-qrcode.js包
npm install --save @xkeshi/vue-qrcode //安装到生产环境
第二步：组件中使用
template
<div class="qrcodeBox">
<qrcode :value="xxx" v-if="xxx"></qrcode>
<!-- v-if="xxx"是为了防止链接没获取到显示空白，确保获取到链接后才开始渲染 -->
</div>
script
import Qrcode from "@xkeshi/vue-qrcode"//引入
data(){undefined
xxx：" " //获取到的链接}
//注册生成二维码组件
components: {undefinedqrcode: Qrcode},
methods:{undefine}
