美文网首页
链接转二维码+图片与canvas互转

链接转二维码+图片与canvas互转

作者: leesession | 来源:发表于2018-04-11 21:37 被阅读0次

    1.图片转canvas

    function ImageToCanvas(image) {
        var canvas = document.createElement("canvas");
        canvas.width = image.width;
        canvas.height = image.height;
        canvas.getContext("2d").drawImage(image, 0, 0);
        return canvas;
    }
    

    2.canvas转图片

    function CanvasToImage(canvas) {
        var image = new Image();
        image.src = canvas.toDataURL("image/png");
        return image;
    }
    

    3.链接转二维码
    先引入
    <script src="//cdn.bootcss.com/jquery/3.1.1/jquery.min.js"></script>
    <script src="//cdn.bootcss.com/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>
    然后

    $(document).ready(function(){
            $('#code').qrcode("http://baidu.com")
        })
    

    相关文章

      网友评论

          本文标题:链接转二维码+图片与canvas互转

          本文链接:https://www.haomeiwen.com/subject/frnzhftx.html