本文要推荐的[TOOLFK]在线二维码解码,在线二维码解码器,可通过拖拽或上传二维码图片、电脑摄像头扫描二维码、输入二维码图片地址等方式获取二维码的内容。

網站名稱：ToolFk
網站鏈結：https://www.toolfk.com/
工具链接：https://www.toolfk.com/tool-generate-qrcode?t=qrdecode

代码教學

本工具[在线二维码解码工具 ]依赖的代码库为 

https://github.com/davidshimjs/qrcodejs

STEP 1

STEP 2

核心代码如下

function renderLogo(canvas, url){
    var img = new Image(),
        ctx = canvas.getContext('2d'),
        canvasSize = 200;

    if (!url) {
        ctx.fillStyle = 'rgb(255, 255, 255)';
        ctx.fillRect(0, 0, canvasSize, canvasSize);

        return;
    }

    img.onload = function (){
        var imgSize, zoom,
            imgW = img.width, imgH = img.height;

        canvas.width = canvasSize;
        canvas.height = canvasSize;

        ctx.fillStyle = 'rgb(255, 255, 255)';
        ctx.fillRect(0, 0, canvasSize, canvasSize);

        imgSize = Math.max(imgW, imgH);

        if (imgSize > canvasSize) {
            zoom = canvasSize / imgSize;
            imgW = imgW * zoom;
            imgH = imgH * zoom;
        }

        ctx.drawImage(img, (canvasSize - imgW) / 2, (canvasSize - imgH) / 2, imgW, imgH);
    };

$('#decode-btn').on('click', function (e){
    e.preventDefault();

    $('#decode-text').val("");
    try{
        result = $('#decode-canvas').QRDecode(function (e){
            layer.msg(e.message);
            throw e;
        });
    }catch(err){
        return layer.msg(err.message);
    }
    if (result) {
        $('#decode-text').val(result);
    }
});