html5是現在最常用的網頁代碼語言之一,而二維碼則成為了現代社會中非常常見的一種圖像標識方式。那么在html5中,如何使用代碼創建二維碼呢?下面是一段使用html5中的canvas標簽和QRCode.js庫制作二維碼的代碼示例。
<!doctype html> <html> <head> <meta charset="utf-8"> <title>使用html5制作二維碼</title> <script type="text/javascript" src="qrcode.js"></script> </head> <body> <canvas id="canvas"></canvas> <script> var qrcode = new QRCode(document.getElementById("canvas"), { width : 200, height : 200 }); qrcode.makeCode("http://www.baidu.com"); </script> </body> </html>
上述代碼中,首先引用了QRCode.js庫,然后在body標簽中創建了一個canvas標簽,用于在頁面中顯示二維碼。接著使用JavaScript代碼,通過QRCode.js庫中的QRCode對象生成二維碼,并將其渲染到canvas標簽中。其中,makeCode()函數的參數為二維碼的內容,可以自行設置。