js生成logo二維碼
1. jquery.qrcode.js生成二維碼,只能生成table和canvas兩種格式的,我想要生成一個圖片格式(比如jpg)怎麼做
使用Canvas是可以保存圖片的png格式的
2. 怎麼把js生成的二維碼放在img標簽裡面
JS代碼如下:
<script>// <![CDATA[
thisURL = document.URL;
strwrite =
"<img
src='https://chart.googleapis.com/chart?cht=qr&chs=150x150&choe=UTF-8&chld=L|4&chl="
+ thisURL + "' width='150' height='150' alt='網址URL 二維碼生成' />";
document.write( strwrite );
// ]]></script>
使用方法簡單,直接復制上面代碼到需要在網頁顯示的位置就可以了。
3. jquery怎麼實現url地址生成二維碼實例
請參考來菜鳥自教程的QRCode.js,清楚詳細
http://www.runoob.com/w3cnote/javascript-qrcodejs-library.html
4. 怎麼設置js生成二維碼掃描出來的內容
可以使用juqery的 qrcode來實現!
1, 引入 jquery 及其qrcode 插件js: jquery.js , jquery.qrcode.min.js
2 , 指定一個二維碼容量元素: <div id="qrcode"></div>
3 , 在指定的容量元素中生成二回維碼: jquery('#qrcode').qrcode("這里是答想要掃描後的獲得的地址");
5. 用js怎麼實現把一個鏈接變成二維碼
<divid="qrcodeid"></div>//生成的二維碼放在此div中
<scripttype="text/javascript"src="js/jquery.qrcode.min.js"></script>//引入qrcode.js(到https://github.com/jeromeetienne/jquery-qrcode下載)
<script>
functionutf16to8(str){//解決中文亂碼
varout,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);
}elseif(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));
}
}
returnout;
}
</script>
<script>//此處生成名片二維碼(如要生成普通鏈接二維碼則「text」參數值直接替換成普通鏈接即可)
varthe_text="BEGIN:VCARD FN:姓名 TEL;CELL,VOICE:15000000000 TITLE:職稱 ORG:公司(組織) EMAIL;INTERNET,HOME:[email protected] ADR;WORK,POSTAL:地球中國山東... URL:http://leerd.cn END:VCARD";
the_text=utf16to8(the_text);
//alert(the_text);
jQuery('#qrcodeid').qrcode({
width:140,
height:140,
render:"canvas",//設置渲染方式tablecanvas
typeNumber:-1,//計算模式
correctLevel:0,//糾錯等級
background:"#ffffff",//背景顏色
foreground:"#000000",//前景顏色
text:the_text
});
</script>
6. jquery.qrcode.js生成二維碼,怎麼生成中文的
1 <%@ page language="java" contentType="text/html; charset=UTF-8"
2 pageEncoding="UTF-8"%>
3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
4 <html>
5 <head>
6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
7 <title>該二維碼支持中文和</title>
8
9 <script type="text/javascript" src="jquery-1.8.0.js"></script>
10 <script type="text/javascript" src="utf.js"></script>
11 <script type="text/javascript" src="jquery.qrcode.js"></script>
12 <script type="text/javascript">
13 $(document).ready(function() {
14 $("#qrcodeCanvas").qrcode({
15 render : "canvas", //設置渲染方式,有table和canvas,使用canvas方式渲染性能相對來說比較好
16 text : "這是修改了官文的js文件,此時生成的二維碼支持中文和logo", //掃描二維碼後顯示的內容,可以直接填一個網址,掃描二維碼後自動跳向該鏈接
17 width : "200", //二維碼的寬度
18 height : "200", //二維碼的高度
19 background : "#ffffff", //二維碼的後景色
20 foreground : "#000000", //二維碼的前景色
21 src: 'photo.jpg' //二維碼中間的圖片
22 });
23 });
24 </script>
25
26 </head>
27 <body>
28 <center>
29 <h2>該二維碼支持中文和LOGO</h2>
30 <div id="qrcodeCanvas"></div>
31 </center>
32 </body>
33 </html>
7. java生成二維碼和js生成二維碼有什麼區別
一個後台生成,一個前台生成。沒太大區別。JS生成可以離線.
8. js 怎樣讓一個復雜的二維碼簡單一點
1、首先我們把這個來js框架復制到項源目中 可以新建一個js 還可以引入jQuery庫。
9. 基於jquery.qrcode.min.js生成的二維碼怎麼設置大小
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
<link href="css/bootstrap.css" rel="stylesheet" />
<script type='text/javascript' src='http://cdn.staticfile.org/jquery/2.1.1/jquery.min.js'></script>
<script type="text/javascript" src="http://cdn.staticfile.org/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
<style>
body {
font-size: 14px;
}
#body div {
margin-top: 4rem
}
.clearfloat {
zoom: 1
}
#cover {
position: absolute;
left: 0px;
top: 0px;
background: rgba(0, 0, 0, 0.8);
width: 100%; /*寬度設置為100%,這樣才能使隱藏背景層覆蓋原頁面*/
height: 100%;
filter: alpha(opacity=100); /*設置透明度為60%*/
opacity: 1; /*非IE瀏覽器下設置透明度為60%*/
display: none;
z-Index: 999;
}
</style>
</head>
<body>
<div id="qrcode"></div>
<script type="text/javascript">
var str = "hellow";
jQuery('#qrcode').qrcode({width: 64,height: 64,text: str});//這里可以設置大小~~
</script>
</body>
</html>
10. 如何用javascript生成帶logo的二維碼
使用 jQuery.qrcode.js實現。
jQuery.qrcode.js 是一個能夠在客戶端生成矩陣二維碼QRCode 的jquery插件,使用它可以很方便的在頁面專上生成二維條碼。此插件是屬能夠獨立使用的,體積也比較 小,使用gzip壓縮後才不到4kb。因為它是直接在客戶端生成的條碼, 所以不會有圖片下載的過程,能夠實現快速生成。它是基於一個多語言的類庫封裝的,也不依賴於其他額外的服務。
好處:使用jquery-qrcode的好處,不需要在伺服器端生成多餘的二維碼圖片,二維碼直接通過JavaScript直接在客戶端生成,有效減少帶寬,以及維護成本。