零基础建站培训介绍

当前位置:

如何让手机网站上二维码能够长按识别

特别近有一些学习如何建网站的学员咨询如何在自己的手机网站上实现二维码长按识别的功能,下面讲一下如何在网站上实现二维码长按识别的方法。下面的方法涉及到代码知识,如果你不懂,可以先学习一下零基础建站教程HTML代码知识

方法/步骤

  1. 自己的网页中引入JS库;
    
    
    <script src="jquery-1.8.3.js" type="text/javascript" charset="utf-8"></script>
    <script src="jquery.qrcode.min.js" type="text/javascript" charset="utf-8"></script>
  2. 在网页需要显示二维码的位置放一个空的div;
    
    
    <div id="qrDiv"></div>
  3. 使用以下的代码生成二维码。注意:这个时候生成的二维码在微信中长安没任意反应,因为qrcode生成的是canvas标签而不是img标签
    
    
    $("#qrDiv").qrcode({
    width: 120, //宽度
    height:120, //高度
    text: "需要生成的二维码内容" //任意内容
    });
  4. 将canvas标签转换为img标签.
    
    
    //从 canvas 提取图片 image
    function convertCanvasToImage(canvas) {
    //新Image对象,可以理解为DOM
    var image = new Image();
    // canvas.toDataURL 返回的是一串Base64编码的URL,当然,浏览器自己肯定支持
    // 指定格式 PNG
    image.src = canvas.toDataURL("image/png");
    return image;
    }
    //获取网页中的canvas对象
    var mycanvas1=document.getElementsByTagName('canvas')[0];
    //将转换后的img标签插入到html中
    var img=convertCanvasToImage(mycanvas1);
    $('#imagQrDiv').append(img);//imagQrDiv表示你要插入的容器id

完成上述步骤后就可以在自己建网站时实现二维码长按识别了。

上一课: 下一课:

发表评论

邮箱地址不会被公开。 必填项已用*标注

相关教程

  • 大学生做网站创业分享 (12657 次学习)
    周鑫只有20岁,但他创业有三个年头了。“高三我出国时,寄宿家庭的男主人是从事电脑辐射产品研究的,听说他打算拓展中国电脑辐射仪市场,我就上心了。”
  • ks001快速建站第二步:安装网站程序网站三要素:空间,域名,程序(建任意网站都必需的)动态PHP程序:wordpress下载地址:https://pan.baidu.com
  • 在今日头条上引流,很多人又会说,不会写文章,所以做了不引流,那么今天我教大家一招,无需写文章,一样可以引流一万,不要写文章?相信对大家来说够
  • WordPress文章页面分为段落标签和H标签,一般的主题为了做到简约,seo优化,都是默认没有美化H标签的,这里也给我我WordPress主题文章标签价格美化效
  • 建网站时,为了实现某项功能,需要使用PHP来判断某个字符串中是否包含另一个字符串,然后通过判断结果来实现做网站过程中的某些功能。php判断字符串
  • Z-Blog 网站搬家教程 (15140 次学习)
    Z-Blog For PHP (以下简称zblog)的迁移相对还是比较简单的,需要修改的也就两个地方,一个是zblog本地的配置文件,另一个则是数据库中的配置文件。
  • 现在仍然有很多人想做淘宝客,做淘宝客之前需要自己建一个淘宝客网站,那么怎么做一个淘宝客网站呢?下面介绍一下淘宝客网站制作方法。首先,注册一
  • 手机网站快速建站方法 (15986 次学习)
    在学做网站论坛的手机建站课程中讲到了如何通过代码方式建网站,今天介绍一个手机网站快速建站方法,通过下面的方法可以快速建立与PC网站同步的手机网
  • PHP应该算是现在大中小非细致网站企业会优先使用的网站建设编程语言,相对于ASP和JSP来说,PHP在在很多方面更适合个人以及小型企业做开发,这主要是因
  • 很多人做网站,首选会考虑就是网站建设费用。想花特别少的钱做特别好的网站,然而一分钱一分货,太便宜的网站建设靠谱吗?几百元建的网站真的可信吗?