二维码到dataURL-前端问题

QR code to dataURL(二维码到dataURL)

本文介绍了二维码到dataURL的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我正在尝试使用davidshimjs/qrcodejs生成二维码，代码如下。但是，当我尝试生成DataURL时，它给出以下错误：

TypeError：Document.getElementById(...).toDataURL不是函数

以下是我的代码：

HTML：

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

js：

var qrcode = new QRCode("qrcode", {
    text: QRId,
    width: 200,
    height: 200,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});
var dataURL = document.getElementById('qrcode').toDataURL();

更新

以下是获取数据URL的方式...

数据-lang="js"数据-隐藏="假"数据-控制台="真"数据-巴贝尔="假">

var QRId = "123456789"
var qrcode = new QRCode("qrcode", {
    text: QRId,
    width: 200,
    height: 200,
    colorDark : "#000000",
    colorLight : "#ffffff",
    correctLevel : QRCode.CorrectLevel.H
});

// get the qr div, then find the canvas element inside it
var canvas = document.getElementById('qrcode').querySelector('canvas');

var dataURL = canvas.toDataURL();

document.getElementById('result').innerHTML = dataURL;

<script src="https://cdn.rawgit.com/davidshimjs/qrcodejs/master/qrcode.js"></script>

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

<div id="result"></div>

这篇关于二维码到dataURL的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持编程学习网！

问题描述

推荐答案

更新