精华内容
下载资源
问答
  • 二维码大型其道的年代,没有工具怎么能行? 生成自己想要内容二维码,查看别人二维码包含的信息,此工具免费,免安装,无广告,纯绿色,免安装。Win8.1长期正常使用。
  • 现在扫描二维码已经很普遍,微信扫一扫即可,但是如果二维码是在自己的手机上呢?那就要用到微信里的一个功能了,手指长按二维码,会弹出自动识别的选项,点确定就可以看到二维码内容了。那么怎么通过前端实现这个...

    现在扫描二维码已经很普遍,微信扫一扫即可,但是如果二维码是在自己的手机上呢?那就要用到微信里的一个功能了,手指长按二维码,会弹出自动识别的选项,点确定就可以看到二维码的内容了。那么怎么通过前端实现这个长按自动识别这个功能呢?

    首先我们需要知道利用jquery的二维码生成插件jquery.qrcode.min.js,制作的二维码是在canvas元素中的。而微信中我们点击的那个二维码则是img元素。这时,我们就会想,只要把canvas中的二维码转换成img形式,不就可以啦。没错,就是这么简单!

    下面先来普及一下canvas和image互相转换的知识:

     

    1. 把img转换为canvas对象

    function convertImageToCanvas(image){
    
        //创建canvas DOM对象,并设置其宽高和图片一样
        var canvas = document.createElement("canvas");
        canvas.width = image.width;
        canvas.height = image.height;
    
        //坐标(0,0)表示从此处开始绘制,相当于偏移
        canvas.getContext("2d").drawImage(image,0,0);
        return canvas;          
    }

     

    2. 把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;
    }

     

    示例代码:

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Canvas与Image互相转换示例</title>
    </head>
    <body>
    
        <img src="./list-icon-5.png" alt="" id="photo" width="17" height="24">
        <div id="canvasDiv" style="width: 300px; height: 30px;"></div>
        <div id="convertedImg"></div>
    
        <script src="./jquery-1.11.3.min.js"></script>
        <script>
    
            $(function(){
    
                // 把image转换为canvas对象
                var photo = document.getElementById('photo');//这个必须用原生
                var cDiv = convertImageToCanvas(photo);
                $("#canvasDiv").append(cDiv);
    
                // image-->canvas
                function convertImageToCanvas(image){
                    //创建canvas DOM对象,并设置其宽高和图片一样
                    var canvas = document.createElement("canvas");
                    canvas.width = image.width;
                    canvas.height = image.height;
                    //坐标(0,0)表示从此处开始绘制,相当于偏移
                    canvas.getContext("2d").drawImage(image,0,0);
                    return canvas;
                }
    
                // 把canvas转换为image的
                var myCanvas = document.getElementsByTagName("canvas")[0];
                var img = convertCanvasToImage(myCanvas);
                $("#convertedImg").append(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;
                }
            });
    
    </script>
    </body>
    </html>

     

    效果如下:

    那么实现微信长按二维码识别的功能就很简单了,直接上代码吧~

    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>jquery实现微信长按识别二维码功能</title>
        <script src="./jquery-1.11.3.min.js"></script>
        <script type="text/javascript" src="jquery.qrcode.min.js"></script>
    </head>
    <body>
    
        <!--canvas中的二维码-->
        <div id="qrDiv" style="display: none;"></div>
        <!--image形式的二维码-->
        <div id="imgDiv"></div>
    
    <script>
    
        $(function(){
    
            //利用插件生成二维码,生成的二维码在canvas中
            $('#qrDiv').qrcode({
                width: 120,
                height:120,
                text: "https://www.baidu.com/"
            });
    
            //从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);
            $('#imgDiv').append(img);//imgDiv表示你要插入的容器id
        })
    
    </script>
    </body>
    </html>

     

    转载于:https://www.cnblogs.com/sapho/p/6143819.html

    展开全文
  • 这时碰巧会看到这个很奇怪的方形的东西,那这个东西到底是什么呢…为了更好地理解,我们将使用Arduino和OLED制作一个有趣的小项目,并介绍以下内容: ● QR码的基本概念。 ● 怎么运行的。 ● 如何使用Arduino制作...

    QR码(Quick Response Code)是二维码的一种,它已成为我们生活中必不可少的一部分,您可能已经下意识地熟悉了它们。现在您可能在超市闲逛,或者正在阅读最喜欢的书,甚至可能正在使用Google Pay、微信或支付宝进行在线支付,等等。这时碰巧会看到这个很奇怪的方形的东西,那这个东西到底是什么呢…为了更好地理解,我们将使用Arduino和OLED制作一个有趣的小项目,并介绍以下内容:

    ● QR码的基本概念。

    ● 怎么运行的。

    ● 如何使用Arduino制作自己的QR代码。

    ● 最后,将其显示在OLED液晶屏上。

    那么,QR码到底是什么?

    QR码(Quick Response Code)是由DENSO WAVE于1994年为日本汽车工业开发的矩阵二维编码,用于高速读取数据。与标准条形码相比,QR码可以非常有效地压缩数据,为此,它使用四种标准化编码模式(数字、大写字母和数字、字节/二进制和日文汉字/假名),该技术是开源的,即所有人都可以使用,因此QR码比常规条形码的显着优势是数据容量更大,容错性更高。

    在这里插入图片描述

    QR代码如何工作?

    QR码(以及其他数据矩阵码)被设计为通过特殊工具读取,而非人工读取,因此通过视觉观察,我们只能了解到很少的信息,尽管每种代码都包含一些有趣的共同点,但在各个方面都存在差异。通过观察上面的QR码,我们可以看出其中的一些功能:

    1. 定位标识(Finder Pattern):在代码的三个角中都带有一个实心框的大方框,由于其中只有三个,因此很容易确认它是QR码,很明显确定该二维码以哪种方式定位。

    2. 校正标识(Alignment Pattern):这可以确保二维码在任意角度都可以被读取。

    3. 定时标识(Timing Pattern):在三个定位标识之间水平和垂直分布,读写器可以使用这些行确定代码的大小。

    4. 版本信息:当前有40多种不同的QR代码标准版本,此部分代码确定正在使用的QR代码版本,通常使用版本1-7。

    5. 格式信息:格式标识包含有关存储容错级别和数据掩码的信息。

    6. 数据区域:代码的此部分包含所有数据元素以及纠错代码。

    7. 退出区(Quit Zone):每个QR代码中的间距都是强制性的,以区分其周围的代码。

    在这里插入图片描述

    更多内容请参考以下链接:https://www.yiboard.com/thread-1327-1-1.html


    欢迎扫码关注微信公众号:yi-board

    在这里插入图片描述

    展开全文
  • 今天小编要分享给大家的是一个叫乔拓云的智能建站模板,这个模板可以快速复制,可视化编辑页面内容,自动生成二维码或者链接,轻松分享到微信里面。可以制作各种各样类型的H5页面,比如:招生,邀请函,画中画等等。...

    老少少都少不了要在自己的手机上面安装微信,有这样一个巨大的流量池,微信H5页面也变得愈加流行,而普通人要制作一个H5页面,显然也不是容易的,于是,H5各种模板平台相继而出。

     

    今天小编要分享给大家的是一个叫乔拓云的智能建站模板,这个模板可以快速复制,可视化编辑页面内容,自动生成二维码或者链接,轻松分享到微信里面。可以制作各种各样类型的H5页面,比如:招生,邀请函,画中画等等。一起来看下如何使用模板。

    微信h5页面,邀请函、画中画、招生简章,如何快速创建

    工具、材料:

    Huawei matebook

    Window系统

    乔拓云网

    操作方法:

    1、打开浏览器搜索乔拓云网,进入网站。免费注册一个账号。

    微信h5页面,邀请函、画中画、招生简章,如何快速创建

    2、进入后台企业中心,在微传单卡片处,点击【去管理】。

    微信h5页面,邀请函、画中画、招生简章,如何快速创建

    3、进入之后可以挑选一下你需要的模板,如果要做培训机构的招生简章,可以输入关键词搜索也可以在这个快捷入口进入。

    微信h5页面,邀请函、画中画、招生简章,如何快速创建

    4、找到模板后,打开可以用手机扫码预览效果,觉得喜欢直接点击【使用模板】。

    微信h5页面,邀请函、画中画、招生简章,如何快速创建

    5、进入可视化编辑界面,图片文字,双击就可以修改。

    微信h5页面,邀请函、画中画、招生简章,如何快速创建

    6、左边页面可以增加可以删减,修改表单,就点击表单这个页面,要修改地图就点击地图这个界面,非常方便。都弄好了,就可以保存发布了。

     

    微信h5页面,邀请函、画中画、招生简章,如何快速创建

     

    7、设置好分享标题和分享内容文字,背景音乐,就可以发布到微信里面了。

    微信h5页面,邀请函、画中画、招生简章,如何快速创建

    简简单单一个微信H5就这么做好了。

    展开全文
  • 企业做互联网推广时,百度百科是首推项目,因百度百科可以提高企业或品牌形象和信任度、增强企业或品牌权威、提高...优化完善需要注意:内容简明扼要,切勿出现电话号码、微信号、QQ号、二维码等联系方式。可以详细参

    企业做互联网推广时,百度百科是首推项目,因百度百科可以提高企业或品牌形象和信任度、增强企业或品牌权威、提高网站排名、增加流量。但是随着百度百科在一些规则上的调整,要在百度百科中创建一条属于自己的企业词条,其难度已经提升了一个层次。今天百科优化网就和大家来分享一下近期创建企业百度百科词条的一点制作技巧。

    一、先通过,再做优化完善百科内容。

    先通过“企业创建通道”把词条做出来,然后进行完善。

    品牌企业百度百科怎么创建 新手入门如何成功做一个百度百科

    创建企业百科

    优化完善需要注意:内容简明扼要,切勿出现电话号码、微信号、QQ号、二维码等联系方式。可以详细参考“百度百科:企业类词条编辑规则”。

    二、企业词条结构

    1、概述

    企业类词条的概述是自动生成。新的规则中,修改概述很困难也可以说修改不了。

    2、基本信息栏

    选择企业模板,建议填写公司名称、所属行业、总部地址、成立时间、经营范围等。

    3、正文目录

    发展历程(一级目录),描述公司发展过程中的重要事件。

    公司业务/产品与服务/经营范围(一级目录)、公司主要业务(二级目录),描述各项业务的介绍,需简洁并有相关数据。

    公司管理(一级目录),简述公司的管理层、股东、等。

    企业文化(一级目录),品牌标识;使命、愿景、价值观等(二级目录)。

    企业荣誉(一级目录),最好以表格形式罗列重要的奖项。

    有了这个目录,只要把公司内容填充进去,基本上百科词条就成功了百分六七十。

    三、内容客观真实负责

    词条要保证通过率,首先要保证内容描述的真实,一定要与主题相关,如果主题是描述某公司,而内容里面则是写其他公司,虽然说有可能这个其他公司是这个某公司的旗下子公司,但是百度无法识别,所以正文中要突出与主题相关的内容。

    其次内容要客观,客观则是要求语言不能夸大,比如使用很,非常,特别之类的。如果检测到这些词的出现频率较高,通常是无法通过百度审核的,因此上传正文时,尽量使用客观、第三方的语气简洁描述。

    最后,负责则是要编辑的每字每句, 都会被万千网友读到并记得所有的修改都应该对整个词条负责。

    结合上面所说的企业结构,百科词条基本上成功率提高到了百分之八九十。

    四、细节处理

    词条内容应使用现代汉语描述,避免出现长篇、大段外文、古文的描述;

    对强相关、关键概念、对词条理解有帮助的信息,需要加上内链;

    规范的字词符号用法,如写年份时请在年份后加上“年”字,避免与其他数字混淆;

    图片要与内容相关,如插入公司的全景图等;

    怎么做企业百科就是上述内容,其实百度百科说难也难说不难也不难,重点在于熟悉并掌握百科规则。

    最后,再说一句,等级高的账号相对来说创建通过的概率大点,如果没有词条没有通过不要一直提交,找出原因修改之后再提交。如果还不行或者没有高等级账号,百度百科可以提供免费咨询服务。

    PS:如果有关于百度百科编辑的任何问题,欢迎留言咨询,百科优化网无偿免费回答。作者:百科优化网,如若转载,请注明出处:http://www.2333.org.cn/2333/937.html

    展开全文
  • canvas和image互相转换

    千次阅读 2018-06-09 23:24:13
    现在扫描二维码已经很普遍,微信扫一扫即可,但是如果二维码是在自己的手机上呢?那就要用到微信里的一个功能了,手指长按二维码,会弹出自动识别的选项,点确定就可以看到二维码内容了。那么怎么通过前端实现这个...
  • 光影魔术手 v4.4.1.zip

    2019-07-10 04:37:19
    除了软件精选自带的边框,更可在线即刻下载论坛光影迷们自己制作的优秀边框。 光影论坛提供海量边框下载: 轻松边框 花样边框 撕边边框 多图边框 随心所欲的拼图光影魔术手拥有自由拼图、模板拼图和图片拼接三大...
  • 内容可能过于基础,但对于刚入门的人来说或许是一个窗口,一个解惑之窗。我要先坚持分享20年,大家来一起见证吧。 每年至少会分享不少于200篇的优质文章,如果想第一时间获取文章,大家可以去【公众号】获取或者加我...

空空如也

空空如也

1 2
收藏数 27
精华内容 10
关键字:

怎么自己制作二维码内容