昨天介绍了一个生成二维码的插件QRCode.js,它是借助HTML5 Canvas绘制而成。所以,今天的主角就是canvas啦–canvas的实际应用。
一、下载二维码(查看如何生成二维码)
HTMLCanvasElement提供了toDataURL方法,该方法返回一个包含被类型参数规定图像表现格式的data URI。通过该方法我们就可以生成二维码图片并下载了。示例如下:
/*html*/ <div id="qrcode">div> <a href="javascript:;" download="二维码" id="down">下载二维码</a> /*js*/ var canvas = document.getElementsByTagName('canvas')[0]; var downImg = document.getElementById('down') img.href = document.getElementsByTagName('canvas')[0].toDataURL('image/png')