一种将二维码图片嵌入网页的方法和系统的制作方法
【专利摘要】本申请公开的一种将二维码图片嵌入网页的方法，通过解析网页中的图像标签，该图像标签为预先设定了至少包括二维码图片识别关键字和内容字段值的源属性信息的标签，利用内容字段值进行编码，生成一个二维数组，利用二维数组的大小分配一块内存缓冲区，然后利用该二维数组进行像素的填充，获得二维码原始数据并保存，最后根据图像标签的位置，将该二维码原始数据显示到网页中。整个过程中，用户只需要设定内容字段值，即可完成在网页中显示二维码图片的工作。相比于现有方法，用户的操作更加简洁、方便。
【专利说明】—种将二维码图片嵌入网页的方法和系统
【技术领域】
[0001]本申请涉及二维码【技术领域】，更具体地说，涉及一种将二维码图片嵌入网页的方法和系统。
【背景技术】
[0002]随着信息技术的发展，传统的一维条形码由于其图形结构的限制，存储的信息有限，而二维码应运而生。二维码是使用特定的几何图形按照一定规律在平面(二维方向)分布的图形记录数据符号信息的编码。二维码巧妙的利用构成计算机内部逻辑基础的“O”、“I”比特流的概念，使用若干与二进制相对应的几何形体来表示文字数值信息。二维码作为一种时下流行的数据存储与传播技术，已经渗透到人们日常生活的方方面面。而网络作为一种最有效的信息传播载体，把二维码放到网页中已经是最基本的需求。
[0003]现有的将二维码图片放到网页中的方法是，先通过某种途径生成二维码图片，然后在网页的<img>标签中引用这张图片。显然，这种方式必须由用户通过软件或服务器端的某种装置来生成二维码图片，然后才能够引用这种图片。整个流程复杂，给用户带来了很大的不便。
【发明内容】
[0004]有鉴于此，本申请提供了一种将二维码图片嵌入网页的方法和系统，用于为用户提供一种更加简洁、方便的方式，来完成将二维码图片嵌入到网页中的过程。
[0005]为了实现上述目的，现提出的方案如下:
[0006]一种将二维码图片嵌入网页的方法，包括:
[0007]解析网页中的图像标签，所述图像标签为用户预先设定了源属性信息的标签，所述源属性信息至少包括二维码图片识别关键字和内容字段值；
[0008]提取出所述图像标签中的所述源属性信息；
[0009]利用所述源属性信息中的所述内容字段值进行编码，保存编码生成的二维数组及其大小，所述二维数组的大小即为二维码图片的原始宽高；
[0010]利用所述二维数组的大小分配一块内存缓冲区，至少利用所述二维数组对所述内存缓冲区进行逐像素填充，获得二维码原始数据并保存；
[0011]根据所述图像标签的位置，将所述二维码原始数据显示到网页中。
[0012]优选地，所述利用所述源属性信息中的所述内容字段值进行编码，具体为:
[0013]采用快速反应二维码编码方式，利用所述源属性信息中的所述内容字段值进行编码。
[0014]优选地，所述源属性信息还包括:二维码前景色和二维码背景色。
[0015]优选地，所述至少利用所述二维数组对所述内存缓冲区进行逐像素填充，获得二维码原始数据并保存，具体为:
[0016]利用所述二维数组及所述二维码前景色和所述二维码背景色，对所述内存缓冲区进行逐像素填充，获得二维码原始数据并保存。
[0017]优选地，所述源属性信息还包括:logo标志字段，所述logo标志字段为logo标志图片的链接地址。
[0018]优选地,还包括:
[0019]利用所述logo标志图片的链接地址,下载所述logo标志图片；
[0020]根据所述图像标签的位置，确定所述logo标志图片的大小及位置；
[0021]根据所述logo标志图片的大小及位置，将所述logo标志图片显示到网页中。
[0022]优选地，还包括:
[0023]使用脚本语言来修改所述源属性信息。
[0024]一种将二维码图片嵌入网页的系统，包括:
[0025]设置单元，用于供用户预先设定网页中的图像标签的源属性信息，所述源属性信息至少包括二维码图片识别关键字和内容字段值；
[0026]解析单元，用于解析所述网页中的图像标签；
[0027]提取单元，用于提取出所述图像标签中的所述源属性信息；
[0028]编码单元，用于利用所述源属性信息中的所述内容字段值进行编码，保存编码生成的二维数组及其大小，所述二维数组的大小即为二维码图片的原始宽高；
[0029]像素填充单元，用于利用所述二维数组的大小分配一块内存缓冲区，至少利用所述二维数组对所述内存缓冲区进行逐像素填充，获得二维码原始数据数据；
[0030]图片解码数据保存单元，用于保存所述二维码原始数据；
[0031]第一处理单元，用于根据所述图像标签的位置，将所述二维码原始数据显示到网页中。
[0032]优选地，在所述设置单元设定的所述源属性信息还包括二维码前景色和二维码背景色时，所述像素填充单元用于利用所述二维数组的大小分配一块内存缓冲区，利用所述二维数组、所述二维码前景色和所述二维码背景色对所述内存缓冲区进行逐像素填充，获得二维码原始数据。
[0033]优选地，所述设置单元设定的所述源属性信息还包括logo标志字段，所述logo标志字段为logo标志图片的链接地址，则所述系统还包括:
[0034]下载单元，用于利用所述链接地址，下载所述logo标志图片；
[0035]计算单元，用于根据所述图像标签的位置，确定所述logo标志图片的大小及位置；
[0036]第二处理单元，用于根据所述logo标志图片的大小及位置，将所述logo标志图片显示到网页中。
[0037]从上述的技术方案可以看出，本申请公开的一种将二维码图片嵌入网页的方法，通过解析网页中的图像标签，该图像标签为预先设定了至少包括二维码图片识别关键字和内容字段值的源属性信息的标签，提取出其中的源属性信息，利用源属性信息中的内容字段值进行编码，生成一个二维数组，利用二维数组的大小分配一块内存缓冲区，然后利用该二维数组进行像素的填充，获得二维码原始数据并保存，最后根据图像标签的位置，将该二维码原始数据显示到网页中。整个过程中，用户只需要设定内容字段值，即可完成在网页中显示二维码图片的工作。相比于现有方法，用户的操作更加简洁、方便。【专利附图】
【附图说明】
[0038]为了更清楚地说明本申请实施例或现有技术中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其它的附图。
[0039]图1为本申请实施例公开的一种将二维码图片嵌入网页的方法流程图；
[0040]图2为本申请实施例公开的一种将二维码图片嵌入网页的系统结构图；
[0041]图3为本申请实施例公开的另一种将二维码图片嵌入网页的系统结构图。
【具体实施方式】
[0042]下面将结合本申请实施例中的附图,对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，而不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有付出创造性劳动前提下所获得的所有其它实施例，都属于本申请保护的范围。
[0043]实施例一
[0044]参见图1，图1为本申请实施例公开的一种将二维码图片嵌入网页的方法流程图。
[0045]如图1所示，该方法包括:
[0046]步骤101:解析网页中的图像标签；
[0047]具体地，所述图像标签为用户预先设定了源属性信息的标签，所述源属性信息至少二维码图片识别关键字和包括内容字段值。其中，图像标签即为超文本标记语言HTML中的<img>标签。<img>标签包含有src (source,源)属性,此处我们将该源属性信息设定为至少包括二维码图片识别关键字和内容字段值。其中二维码图片识别关键字为了区分二维码图片与普通图片，而内容字段值即为一个content字段，content字段设置了需要编码的字符串。
[0048]步骤102:提取出所述图像标签中的所述源属性信息；
[0049]具体地，该源属性信息至少包括内容字段值。
[0050]步骤103:利用所述源属性信息中的所述内容字段值进行编码；
[0051]具体地，该内容字段值即为用户想要生成二维码的字符串，它可以是中文、字母、符号、半角、全角、特殊字符或者他们的组合。通过编码，我们可以得到一个二维数组，该二维数组是由“0”、“ I”组成的一个编码矩阵，我们可以获取该二维数组大小，二维数组的大小即为二维码图片的原始宽高。
[0052]步骤104:利用二维数组的大小分配一块内存缓冲区，至少利用二维数组对所述内存缓冲区进行逐像素填充，获得二维码原始数据并保存；
[0053]具体地，在内存缓冲区为已知大小的二维数组分配区域，利用二维数组对分配的内存缓冲区进行逐像素填充，即可获得二维码原始数据，然后进行保存，以供下述显示环节使用。
[0054]步骤105:根据所述图像标签的位置，将所述二维码原始数据显示到网页中。
[0055]具体地，我们已知图像标签的位置，即已知需要将二维码图片放置在网页的具体位置，然后将二维码原始数据按照顺序显示到网页中。这个过程中，有可能会存在二维码原始数据与图像标签中规定的图片显示大小不相符的情况，此时我们可以对二维码原始数据进行缩放。
[0056]本申请公开的一种将二维码图片嵌入网页的方法，通过解析网页中的图像标签，该图像标签为预先设定了至少包括二维码图片识别关键字和内容字段值的源属性信息的标签，提取出其中的源属性信息，利用源属性信息中的内容字段值进行编码，生成一个二维数组，利用二维数组的大小分配一块内存缓冲区，然后利用该二维数组进行像素的填充，获得二维码原始数据并保存，最后根据图像标签的位置，将该二维码原始数据显示到网页中。整个过程中，用户只需要设定内容字段值，即可完成在网页中显示二维码图片的工作。相比于现有方法，用户的操作更加简洁、方便。
[0057]需要说明的是，在步骤103进行编码时，我们可以采用QR(QuickResponse，快速反应)二维码编码方式进行编码。
[0058]实施例二
[0059]本实施例中，在实施例一的基础上，进一步设定图像标签的源属性信息，在上述基础上，在源属性信息中添加二维码前景色和二维码背景色。
[0060]该二维码前景色可以是html规范中规定的有效颜色值，赋值给color，示例:color=red 或者 color=#FF0000。
[0061]该二维码背景色可以是html规范中规定的有效颜色值，赋值给bgcolor，示例:bgcolor=red 或者 bgcolor=#FF0000。
[0062]在上述基础上，实施例一的至少利用二维数组对内存缓冲区进行逐像素填充的过程，可以进一步为:
[0063]利用二维数组以及二维码前景色和二维码背景色，对内存缓冲区进行逐像素填充，获得二维码原始数据。
[0064]因此，在原来的黑白填充的基础上，增加了二维码图片的前景色和背景色，使得最终显示在网页中的二维码图片为彩色的二维码图片，更加的具有观赏性。
[0065]实施例三
[0066]在上一实施例的基础上，还可以再一步设定图像标签的源属性信息，在上述基础上，在源属性信息中添加logo标志字段，该logo标志字段为logo标志图片的链接地址。
[0067]在此基础上，本申请公开的方法还可以进一步包括:利用所述logo标志图片的链接地址，下载logo标志图片。由于下载的logo标志图片大小与网页中进行显示的图片大小可能不完全一样，因此需要根据图像标签的位置，确定logo标志图片的大小及位置，这个过程可能存在对logo图片的缩放。最后，将确定好大小和位置的logo标志图片显示到网页中。图像标签中规定了要显示图片的大小及位置。
[0068]在上述实施例的基础上，对于二维码图片我们又进一步在其上添加logo图片，该logo图片可以是公司的logo，或者其它标志，使得二维码图片更加的个性。
[0069]需要说明的是，上述设定完毕图像标签的源属性信息后，在后续的使用中，我们还可以通过脚本语言例如JavaScript等，来修改源属性信息，从而完成了动态的改变二维码的内容、颜色、logo信息，实现一些动态效果。
[0070]实施例四[0071]参见图2，图2为本申请实施例公开的一种将二维码图片嵌入网页的系统结构图。
[0072]如图2所示，该系统包括:
[0073]设置单元21，用于供用户预先设定网页中的图像标签的源属性信息，所述源属性信息至少包括二维码图片识别关键字和内容字段值；
[0074]解析单元22，用于解析所述网页中的图像标签；
[0075]提取单元23，用于提取出所述图像标签中的所述源属性信息；
[0076]编码单元24，用于利用所述源属性信息中的所述内容字段值进行编码，保存编码生成的二维数组及其大小，所述二维数组的大小即为二维码图片的原始宽高；
[0077]像素填充单元25，用于利用所述二维数组的大小分配一块内存缓冲区，至少利用所述二维数组对所述内存缓冲区进行逐像素填充，获得二维码原始数据；
[0078]图片解码数据保存单元26，用于保存所述二维码原始数据；
[0079]第一处理单元27，用于根据所述图像标签的位置，将所述二维码数据显示到网页中。
[0080]本申请实施例公开的一种将二维码图片嵌入网页的系统，通过解析单元22解析网页中的图像标签，该图像标签为用户通过设置单元21预先设定的至少包括二维码图片识别关键字和内容字段值的源属性信息的标签，再由提取单元23提取出其中的源属性信息，编码单元24利用源属性信息中的内容字段值进行编码，生成一个二维数组，像素填充单元25利用二维数组的大小分配一块内存缓冲区，然后利用该二维数组进行像素的填充，获得二维码原始数据，由图片解码数据保存单元26将该二维码原始数据进行保存，最后由第一处理单元27根据图像标签的位置，将该二维码数据显示到网页中。整个过程中，用户只需要设定内容字段值，即可完成在网页中显示二维码图片的工作。相比于现有方法，用户的操作更加简洁、方便。
[0081]实施例五
[0082]在上一实施例的基础上，设置单元21设定的所述源属性信息还可以包括二维码前景色和二维码背景色时。则所述像素填充单元25会利用二维数组的大小分配一块内存缓冲区，利用所述二维数组、所述二维码前景色和所述二维码背景色对所述内存缓冲区进行逐像素填充，获得二维码原始数据。
[0083]这样最终显示在网页中的二维码图片会是一个彩色的图片。
[0084]实施例六
[0085]更进一步的，设置单元21设定的源属性信息还可以再包括logo标志字段，所述logo标志字段为logo标志图片的链接地址。
[0086]则参见图3，图3为本申请实施例公开的另一种将二维码图片嵌入网页的系统结构图。
[0087]在实施例四的基础上，该系统进一步添加了下载单元31，用于利用所述链接地址，下载所述logo标志图片；
[0088]计算单元32，用于根据所述图像标签的位置，确定所述logo标志图片的大小及位置；
[0089]第二处理单元33，用于根据所述logo标志图片的大小及位置，将所述logo标志图片显示到网页中。[0090]通过上述过程，可以进一步在二维码图片中添加logo图片，使得二维码更加的个性化。
[0091]需要说明的是，上述第二处理单元33可以是独立的单元，也可以集成在第一处理单元27中，即通过第一处理单元27同时将二维码原始数据和logo图片显示到网页中去。
[0092]最后，还需要说明的是，在本文中，诸如第一和第二等之类的关系术语仅仅用来将一个实体或者操作与另一个实体或操作区分开来，而不一定要求或者暗示这些实体或操作之间存在任何这种实际的关系或者顺序。而且，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
[0093]本说明书中各个实施例采用递进的方式描述，每个实施例重点说明的都是与其他实施例的不同之处，各个实施例之间相同相似部分互相参见即可。
[0094]对所公开的实施例的上述说明，使本领域专业技术人员能够实现或使用本申请。对这些实施例的多种修改对本领域的专业技术人员来说将是显而易见的，本文中所定义的一般原理可 以在不脱离本申请的精神或范围的情况下，在其它实施例中实现。因此，本申请将不会被限制于本文所示的这些实施例，而是要符合与本文所公开的原理和新颖特点相一致的最宽的范围。
【权利要求】
1.一种将二维码图片嵌入网页的方法，其特征在于，包括: 解析网页中的图像标签，所述图像标签为用户预先设定了源属性信息的标签，所述源属性信息至少包括二维码图片识别关键字和内容字段值； 提取出所述图像标签中的所述源属性信息； 利用所述源属性信息中的所述内容字段值进行编码，保存编码生成的二维数组及其大小，所述二维数组的大小即为二维码图片的原始宽高； 利用所述二维数组的大小分配一块内存缓冲区，至少利用所述二维数组对所述内存缓冲区进行逐像素填充，获得二维码原始数据并保存； 根据所述图像标签的位置，将所述二维码原始数据显示到网页中。
2.根据权利要求1所述的方法，其特征在于，所述利用所述源属性信息中的所述内容字段值进行编码，具体为: 采用快速反应二维码编码方式，利用所述源属性信息中的所述内容字段值进行编码。
3.根据权利要求1所述的方法，其特征在于，所述源属性信息还包括:二维码前景色和二维码背景色。
4.根据权利要求3所述的方法，其特征在于，所述至少利用所述二维数组对所述内存缓冲区进行逐像素填充，获得二维码原始数据并保存，具体为: 利用所述二维数组及所述二维码前景色和所述二维码背景色，对所述内存缓冲区进行逐像素填充，获得二维码原始数据并保存。
5.根据权利要求4所述的方法，其特征在于，所述源属性信息还包括:logo标志字段，所述logo标志字段为logo标志图片的链接地址。
6.根据权利要求5所述的方法，其特征在于，还包括: 利用所述logo标志图片的链接地址,下载所述logo标志图片； 根据所述图像标签的位置，确定所述logo标志图片的大小及位置； 根据所述logo标志图片的大小及位置，将所述logo标志图片显示到网页中。
7.根据权利要求6所述的方法，其特征在于，还包括: 使用脚本语言来修改所述源属性信息。
8.一种将二维码图片嵌入网页的系统，其特征在于，包括: 设置单元，用于供用户预先设定网页中的图像标签的源属性信息，所述源属性信息至少包括二维码图片识别关键字和内容字段值； 解析单元，用于解析所述网页中的图像标签； 提取单元，用于提取出所述图像标签中的所述源属性信息； 编码单元，用于利用所述源属性信息中的所述内容字段值进行编码，保存编码生成的二维数组及其大小，所述二维数组的大小即为二维码图片的原始宽高； 像素填充单元，用于利用所述二维数组的大小分配一块内存缓冲区，至少利用所述二维数组对所述内存缓冲区进行逐像素填充，获得二维码原始数据数据； 图片解码数据保存单元，用于保存所述二维码原始数据； 第一处理单元，用于根据所述图像标签的位置，将所述二维码原始数据显示到网页中。
9.根据权利要求8所述的系统，其特征在于，在所述设置单元设定的所述源属性信息还包括二维码前景 色和二维码背景色时，所述像素填充单元用于利用所述二维数组的大小分配一块内存缓冲区，利用所述二维数组、所述二维码前景色和所述二维码背景色对所述内存缓冲区进行逐像素填充，获得二维码原始数据。
10.根据权利要求9所述的系统，其特征在于，所述设置单元设定的所述源属性信息还包括logo标志字段，所述logo标志字段为logo标志图片的链接地址，则所述系统还包括:下载单元，用于利用所述链接地址，下载所述logo标志图片； 计算单元，用于根据所述图像标签的位置，确定所述logo标志图片的大小及位置；第二处理单元，用于根据所述logo标志图片的大小及位置，将所述logo标志图片显示到网页中。
【文档编号】G06K19/06GK103902711SQ201410129834
【公开日】2014年7月2日 申请日期:2014年4月1日 优先权日:2014年4月1日
【发明者】徐佳宏, 刘瑞顺, 朱吕亮, 张建国 申请人:深圳市茁壮网络股份有限公司