怎么把一篇文章制作成一个二维码？

享文章、文档资料的时候，你还在使用纸质的文件吗？

现在有一种全新的方法啦！那就是二维码。

随着互联网的飞速发展，二维码的价值正在被越来越多的人发现和应用。在各行各业，人们使用二维码来存储信息、传递信息，通过二维码实现便捷交易，利用二维码来做宣传、市场营销等等。

毋庸置疑的是，二维码最基本的作用是传递信息。那么使用二维码传递信息到底有哪些优势呢？

一，使用二维码传递信息的优势有哪些？

1，传播迅速

扫描二维码，便可立即查看其内容，不论是跳转网址、还是查看文档、视频、音频，都可以通过扫描一个二维码来实现，可以迅速获知信息的内容。无需登录某个网站、邮箱、或者查看纸质文件。

2，不受地域限制

只要你在地球上任何一个连网的地方，都能使用二维码。

3，经济环保

查看资料、分享知识，一个二维码就能搞定，从而大大避免了纸张的浪费。所以我们完全可以说，二维码是环境友好型信息传递者。

4，具有保密功能

使用二维码分享资料的时候，还可以设置密码。扫码之后需要输入密码才能查看内容，所以是具有一定的保密功能的。

二，哪些场景会需要文档二维码呢？

1，教育行业

考试、知识分享、布置作业

2，新媒体运营、作家、编辑等

用来存储文档、分享分档、提交稿子等。

3，招聘求职

提交简历作品集、简历分享，还有招聘信息发布也能通过二维码来实现。

4，品牌和产品相关

诸如：品牌活动宣传、产品电子说明书之类的。

三，如何将文章制作成一个二维码呢？

第一步，登录二维彩虹二维码生成器官方网站

第二步，选择“文件”选项

并且上传准备好的文件。这里支持的文本格式包括以下这些类型：

除了Word和TXT格式的文件外，二维彩虹还支持以下格式的办公文件。

演示文件：pptx、ppt、pot、potx、pps、ppsx、dps、dpt、pptm、potm、ppsm

表格文件：xls、xlt、et、ett、xlsx、xltx、csv、xlsb、xlsm、xltm

文字文件：doc、dot、wps、wpt、docx、dotx、docm、dotm

其他格式文件：jpg、png、pdf、mp3、mp4、 lrc、 c、 cpp、 h、 asm、 s、 java、 asp、 bat、 bas、 prg、 cmd、 rtf、 log、 xml、 htm、 html

第三步，生成动态二维码

一般我们建议使用动态二维码。因为动态二维码在应用过程中是明显具有优势的。首先，在二维码制作完成之后，若是发现文件的内容需要更新，那么直接进入后台重新更新内容即可，更新之后，再扫描二维码就能看到最新更新的信息了。

另外，动态二维码还可以追踪二维码的扫描数据，比如扫描时间、数量、位置、设备等。

第四步，美化二维码

可以对二维码的样式进行一些自定义设计。比如调整二维码样式、边框、图眼，还可以根据自己的喜好设置好看的渐变色，更能上传logo和头像。

第五步，测试二维码

这是非常重要的一步，在美化二维码之后一定要进行扫描测试，确保二维码能被识别出来，同时显示的内容没有问题。

第六步，下载应用二维码

第七步，设置密码

进入追踪数据一栏，找到对应的二维码，点击旁边的密码锁按钮，即可设置这个二维码的密码了。设置完成之后，任何人扫描二维码想要查看内容，都必须先输入你设置的密码才可以查看。

到此，文件二维码就制作完成了。

当然啦，如果你想要制作图文并存的二维码，或者是包含视频、音频的二维码，在二维彩虹也可以轻松实现。详细的操作步骤，请查看文末的相关阅读即可。

维码又称QR Code，是一个近几年来移动设备上很流行的一种编码方式它比传统的一维码（条形码）能存更多的信息，也能表示更多的数据类型。按照一定规律排列组成的几何图形构成，它巧妙地利用构成计算机内部逻辑基础的“0”、“1”比特流的概念

生活中的应用也是非常的广泛

人们的生活方方面面都离不开二维码，而且她也给人们带来了极大的便利。

<br><br> (二维码自动识别)

二维码有哪些优缺点：

优点：

1．高密度编码，信息容量大。
2．编码范围广。
3．容错能力强，具有纠错功能。
4．译码可靠性高。
5．可引入加密措施。
6．成本低，易制作，持久耐用。

缺点：

1．个人信息泄露（火车票上都已经有了可以储存个人信息的二维码）
2．识别二维码的设备还不够丰富。

QRCode.js

下面进入正题，如何用js生成二维码，
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。可以快速的在web页面中绘制出二维码。

通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库

引入相应js文件 :

<script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>`
<script src="https://cdn.bootcdn.net/ajax/libs/jquery.qrcode/1.0/jquery.qrcode.min.js"></script>

在html中设置页面容器。用来承载生成之后的二维码显示

调用：

$(网页容器).qrcode({宽度:值，高度：值，内容：值});

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <script src="jquery-1.8.3.js"></script>
    <script src="jquery.qrcode.min.js"></script>
    <title></title>
</head>
<script>
    function demo(){
       // $(网页容器).qrcode({宽度:值，高度：值，内容：值});
        $("#code").qrcode({wihth:150,height:200,text:"HellowWord"});
    }
</script>
<body>
    <div id="code"></div>
    <button onclick="demo()">点我生成</button>
</body>
</html>

注意：

但是有可能中文会出现乱码

编写方法转换中文内容，接收参数判断当前数据的Unicode

function utf16to8(str) {  
    var out, i, len, c;  
    out = "";  //创建空变量保存结果
    len = str.length; //设置传入形参数据长度
    for(i = 0; i < len; i++) {  
		c = str.charCodeAt(i);  //返回字符串第一个字符的 Unicode 编码: 
		if ((c >= 0x0001) && (c <= 0x007F)) {  //判断Unicode 编码范围
			out += str.charAt(i);  
		} else if (c > 0x07FF) {  
            //将 Unicode 编码转为一个字符
			out += String.fromCharCode(0xE0 | ((c >> 12) & 0x0F));  
			out += String.fromCharCode(0x80 | ((c >>  6) & 0x3F));  
			out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));  
		} else {  
            //将 Unicode 编码转为一个字符
			out += String.fromCharCode(0xC0 | ((c >>  6) & 0x1F));  
			out += String.fromCharCode(0x80 | ((c >>  0) & 0x3F));  
		}  
    }  
    //返回出结果
    return out;
}

最终在使用时调用当前方法进行中文转换

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">

    <script src="jquery-1.8.3.js"></script>
    <script src="jquery.qrcode.min.js"></script>
    <script src="handler-chinese.js"></script>
    <title></title>
</head>
<style>
    #demodiv{
        text-align: center;
    }
    #demodiv>input{
        outline: none;
        border: 1px red solid;
        width: 300px;
        height: 50px;
        font-size: 30px;
        padding-left: 10px;
    }
</style>
<script>
   function demo(){
       //获取输入框结果
       var text=$("#demodiv>input").val();
        //调用装换方法
        var newText=utf16to8(text)
        //设置范围大小并且设置生成二维码内容
        $("#code").qrcode({wihth:150,height:200,text:newText});
    }
</script>
<body>
        <div id="demodiv" >
            <h1>QRCode生成二维码</h1>
            <input type="text"/>
            <!--调用转换方法-->
            <button onclick="demo()">点我生成</button>
        </div>
<div id="code"></div>
</body>
</html>

浏览器兼容性

IE6〜10，Chrome，Firefox，Safari，Opera，Mobile Safari，Android，Windows Mobile，ETC。

总结

QRCode.js 是用于制作 QRCode 的JavaScript库。QRCode.js 通过 HTML5 Canvas 和DOM中的表格标签支持跨浏览器。QRCode.js 没有依赖关系。通过 QECode.js 可以非常方便的在web 页面中使用二维码。让我们在应用中便捷的使用，扩展了项目的适用范围。让用户可以快捷的访问相关资源。提升项目的用户体验，使我们的应用更加符合当下用户的适用习惯，增加用户的黏性。

来越多的产品说明、电子图书、公司文告、网络资料、电子邮件内容都在开始使用pdf格式来呈现。大家纷纷把图文内容转换成PDF格式，这样传阅起来更加直观和便捷。

在一些场合下，直接传阅PDF文档给大批量的人是不现实的。所以，这就催生了PDF二维码。

PDF二维码可以展示的内容很多样：品牌故事、产品图文详情、安装指导、售后服务联系方式等。

就拿产品说明书二维码来说，将其印制在产品包装上、企业宣传册上、海报上等，不论用户在哪里，只需要扫描二维码便可以查看相关的使用说明细节。这对企业和用户来说都是非常方便的事情。

今天我们主要的内容便是介绍如何制作PDF二维码的。

一，如何制作PDF二维码？

第一步，登录二维彩虹二维码生成器官网

在线咨询

上一篇：Javascript全屏模式的切换
下一篇：现代CSS：创建 CSS 双边框的 6 种实现方案

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

怎么把一篇文章制作成一个二维码？

生活中的应用也是非常的广泛

QRCode.js

浏览器兼容性

总结

您的项目需求