CN112583976B

CN112583976B - 图形码显示方法、设备及可读存储介质

Info

Publication number: CN112583976B
Application number: CN202011594914.7A
Authority: CN
Inventors: 唐鹏; 周效军; 陆彦良; 李东晓; 周振江
Original assignee: China Mobile Communications Group Co Ltd; MIGU Culture Technology Co Ltd
Current assignee: China Mobile Communications Group Co Ltd; MIGU Culture Technology Co Ltd
Priority date: 2020-12-29
Filing date: 2020-12-29
Publication date: 2022-02-18
Anticipated expiration: 2040-12-29
Also published as: CN112583976A

Abstract

本发明公开了一种图形码显示方法、设备及可读存储介质，涉及计算机技术领域，以全面的显示待扫描的图形码并降低对手机性能的损耗。该方法包括：采集图形码的AR视频流；从所述AR视频流中抽取至少一个帧图片，得到帧图片序列；利用第一显示区域显示所述第一图形码；利用第二显示区域显示第二帧图片中的第二图形码，以及基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，更新所述第一显示区域，并利用更新后的第一显示区域显示图形码；所述第二帧图片为所述帧图片序列中位于所述第一帧图片之后的帧图片。本发明实施例可较为全面的显示扫描到的图形码，并且减少了终端设备的性能的消耗。

Description

图形码显示方法、设备及可读存储介质

技术领域

本发明涉及计算机技术领域，尤其涉及一种图形码显示方法、设备及可读存储介质。

背景技术

现有技术的图形码如二维码扫描方式，一种是采用原生的AVFoundation方式使用摄像头扫描二维码。另一种是AR(Augmented Reality，增强现实)扫描方案，其先通过摄像头获取到一个或者多个二维码的信息，然后通过AR技术在空间二维码屏幕上浮现对应的AR物体，用户点击相应的AR物体进行交互，并展示结果。

但是，第一种方案中，有可能出现扫描二维码不全的现象；第二种方案中，需要在空间中展示出AR物体来标识二维码以进行交互。因此，在这种方案中，需要对空间AR物体进行渲染，导致手机性能损耗过高。

发明内容

本发明实施例提供一种图形码显示方法、设备及可读存储介质，以全面的显示待扫描的图形码并降低对手机性能的损耗。

第一方面，本发明实施例提供了一种图形码显示方法，由终端设备执行，其特征在于，包括：

采集图形码的AR视频流；

从所述AR视频流中抽取至少一个帧图片，得到帧图片序列；

在所述帧图片序列的第一帧图片显示有第一图形码的情况下，利用第一显示区域显示所述第一图形码；

利用第二显示区域显示第二帧图片中的第二图形码，以及基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，更新所述第一显示区域，并利用更新后的第一显示区域显示图形码；

其中，所述第二帧图片为所述帧图片序列中位于所述第一帧图片之后的帧图片。

第二方面，本发明实施例还提供一种电子设备，包括：存储器、处理器及存储在存储器上并可在处理器上运行的程序，所述处理器执行所述程序时实现如上所述的图形码显示方法中的步骤。

第三方面，本发明实施例还提供一种可读存储介质，所述可读存储介质上存储程序，所述程序被处理器执行时实现如上所述的图形码显示方法中的步骤。

在本发明实施例中，利用摄像头采集图形码的AR视频流，并从中提取帧图片序列。对于显示有第一图形码的第一帧图片，利用第一显示区域显示所述第一图形码；在显示第二帧图片中的第二图形码的过程中，基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，更新所述第一显示区域，并利用更新后的第一显示区域显示图形码。由此可以看出，利用本发明实施例的方案，可较为全面的显示扫描到的图形码，并且可基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，进行显示区域的更新，从而无需对空间AR物体进行渲染减少了终端设备的性能的消耗。

附图说明

图1是本发明实施例提供的图形码显示方法的流程图之一；

图2(a)至图2(c)是本发明实施例的终端设备的显示界面的示意图；

图3是本发明实施例提供图形码显示装置的结构图

图4是本发明实施例提供的电子设备的结构图。

具体实施方式

本发明实施例中术语“和/或”，描述关联对象的关联关系，表示可以存在三种关系，例如，A和/或B，可以表示：单独存在A，同时存在A和B，单独存在B这三种情况。字符“/”一般表示前后关联对象是一种“或”的关系。

本申请实施例中术语“多个”是指两个或两个以上，其它量词与之类似。

下面将结合本申请实施例中的附图，对本申请实施例中的技术方案进行清楚、完整地描述，显然，所描述的实施例仅仅是本申请一部分实施例，并不是全部的实施例。基于本申请中的实施例，本领域普通技术人员在没有做出创造性劳动前提下所获得的所有其他实施例，都属于本申请保护的范围。

参见图1，图1是本发明实施例提供的图形码显示方法的流程图，由终端设备执行，如图1所示，包括以下步骤：

步骤101、采集图形码的AR视频流。

其中，所述图形码包括但不限于为二维码。在实际应用中，可在终端设备如手机等的图像采集页面初始化一个ARSCNView，并进行ARFrame视频流的采集。

步骤102、从所述AR视频流中抽取至少一个帧图片，得到帧图片序列。

在本发明实施例中，按照预设频率，对摄像头采集的AR视频流进行连续取帧，获取帧图片序列。具体的，可根据实际需要从采集的AR视频流中抽取连续的多帧，形成帧图片序列。例如，可对摄像头采集的ARFrame视频流进行高分辨率的取帧。具体抽取多少帧的帧图片取决于终端设备的性能。性能好，可抽取较多的帧图片形成帧图片序列。

步骤103、在所述帧图片序列的第一帧图片显示有第一图形码的情况下，利用第一显示区域显示所述第一图形码。

在此步骤中，可获取所述第一图形码的图像在所述终端设备的显示屏上的坐标以及所述第一图形码的信息。具体的，是获取所述第一图形码的左上角的顶点在所述终端设备的显示屏上的坐标。之后，根据所述第一图形码的图像在所述终端设备的显示屏上的坐标以及所述第一图形码的信息，在所述终端设备的显示屏上形成第一显示区域，并利用所述第一显示区域显示所述第一图形码。

具体的，可通过对帧图片进行解码，获取每张帧图片上的图形码在终端设备的显示屏上的坐标及图形码的信息。其中，图形码的信息可包括图形码的长度、宽度、图形码的含义(如包括的链接)等。具体的，可以通过使用CoreImage、ZXing、OpenCV等技术获取图形码在终端设备的显示屏上的坐标及图形码的信息。

以CoreImage的方式为例，在ARSCNView通过函数接口获取某个图形码的ARFrame视频流的帧，并抽取帧图片。然后，将帧图片从YUV格式转换成RGB格式，利用CoreImage框架的CIDetector获取图形码在帧图片中的像素位置和信息。因为视频流取帧是按照横屏方式获取，而如果要将图形码在终端设备上竖屏显示，则需要将位置X-Y轴互换。例如，图形码的像素位置是(x_pix,y_pix,w_pix,h_pix)，那么通过如下方式将其转换成终端设备的显示屏上的点的坐标(x_pt，y_pt，w_pt，h_pt)：

x_pt＝y_pix×W_pt/H_pix，y_pt＝x_pix×H_pt/W_pix+T_pt；

w_pt＝w_pix×W_pt/H_pix，h_pt＝h_pix×H_pt/W_pix；

其中，x_pix、y_pix、w_pix、h_pix分别表示图形码的左上角顶点在图形码所在平面的横坐标，纵坐标，图形码的宽度和高度，W_pt，H_pt分别是终端设备的显示屏的pt(点)总宽度和高度，W_pix，H_pix分别表示帧图片的总像素宽度和高度，T_pt表示终端设备的显示屏的状态栏statusbar的pt高度，x_pt，y_pt分别表示图形码的左上角顶点在终端设备的显示屏上的横、纵坐标，h_pt表示图形码在所述终端设备的显示屏上的像高，w_pt表示图形码在所述终端设备的显示屏上的像宽。

其中，形成第一显示区域的过程可包括：

(1)在所述终端设备的显示屏中添加第一子图层(如蒙层)，其中，所述第一子图层的中心点为所述第一图形码的图像的中心点在所述显示屏上的坐标。

当在某个帧图片中第一次出现图形码例如二维码时，在ARSCNView视图之上添加一个UILabel_i的子图层，其中，i是数字，标识图形码的序号，即数字标签。

(2)以所述第一子图层的中心点作为中心点，在所述第一子图层上，形成第一预显示区域。

具体的，在此步骤中，将UILabel_i子图层的中心点设置为(x_pt+w_pt/2，y_pt+h_pt/2)，即图形码在终端设备的显示屏上的图像的中心点在所述显示屏上的坐标，并且以h_pt和w_pt中的最小值为直径做圆。所形成的圆即为第一预显示区域。

在此步骤中，为了便于后续进行判断，还可获取所述第一预显示区域的中心点在所述第一图形码所在的平面的第一投射点，并利用第一存储空间存储所述第一投射点的坐标和所述第一图形码的信息。

具体的，将上述获得的中心点通过ARKit投射到图形码所在的平面空间中，得到node_i点，并将node_i点对象指针作为Value(值)，图形码的码信息作为Key(关键值)存储在字典集NSDictionary1中。

(3)对所述第一预显示区域进行编辑，形成所述第一显示区域。

具体的，在此步骤中，设置UILabel_i子图层的填充背景颜色为某个颜色如绿色，字体颜色为白色，字体对齐方式为居中对齐；再设置其文本text内容为i；接着再在UILabel_i子视图上添加UITapGestureRecognizer手势响应器。自此，获得了第一显示区域。

在此步骤中，为了便于后续进行判断，还可利用第二存储空间存储所述第一显示区域的信息和所述第一图形码的信息。

具体的，将得到的这个UILabel_i子图层对象指针作为Value，图形码的信息作为Key存储在字典集NSDictionary2中。

步骤104、利用第二显示区域显示第二帧图片中的第二图形码，以及基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，更新所述第一显示区域，并利用更新后的第一显示区域显示图形码。其中，所述第二帧图片为所述帧图片序列中位于所述第一帧图片之后的帧图片。

在本发明实施例中，所述终端设备的显示屏所在的平面和图形码所在的平面的关系，包括在显示屏上形成的显示区域的中心点投射到图形码所在的平面上的点的坐标，以及，该点反投射到显示屏上的反投射点的坐标。

由于终端设备的移动，可能导致在某帧中投射到图形码所在的平面上的点再反投射回终端平面时，其位置发生变化。因此，在此步骤中，如果下一帧能继续解码得到相同的图形码，则更新相应的显示区域的位置、大小和空间投射点；若下一帧解码不出相同的图形码，则将在对第一帧图像进行处理时记录的空间点再反向投射到终端设备的显示屏上，以此来持续更新显示区域的轮廓位置和大小。

对于第二帧图片，可通过对其进行图像检测以确定图片中是否有图像码。如果有图形码，则获取图形码的信息，并利用其搜索字典集NSDictionary1或者NSDictionary2，以确定第二帧图片的图形码是否和第一帧图片中的图形码是否相同。如果通过第二帧图片的图形码的信息，在NSDictionary1找到node点对象指针，或者在NSDictionary2找到对应的子图层对象，则可更新第一显示区域，否则，按照重新绘制显示区域。

具体的，在所述帧图片序列的第二帧图片中没有显示图形码的情况下，将所述第一投射点反向投射到所述终端设备的显示屏上，得到反向投射点，然后，根据所述反向投射点的坐标，得到第一中心点。之后，利用所述第一中心点作为所述第一显示区域的中心点，得到更新后的第一显示区域。

在实际应用中，可查询NSDictionary1，得到node_i点，将其反向投射到终端设备的显示屏上，根据反射点的坐标确定新的中心点的坐标。然后，利用新的中心点作为新的显示区域的中心，形成具有一定半径的圆，即为更新后的第一显示区域。具体的，将UILabeli的中心点更新为(x′₂+w′_pt/2，y′₂+h′_pt/2)，更新后的显示区域为直径为w′_pt和h′_pt中的最小值的圆。其中，(x′₂，y′₂)为反向投射点在终端的显示屏上的坐标，w′_pt、h′_pt分别为图形码在第二帧图片中应该具有的像宽和像高。也就是说，如果第二帧图片中显示有图形码，其像宽和像高应该分别是w′_pt、h′_pt。

在以上的过程中，在第一帧图片中，对于按照上述方式转换得到的图形码在终端设备的显示屏的坐标，将其中心点坐标(x_pt+w_pt/2，y_pt+h_pt/2)通过ARKit接口函数投射到图形码所在的平面上，生成一个透明的SCNNode，并记录这个node点对象。然后，通过函数接口得到node点的世界坐标向量(x₁，y₁，z₁)，再通过接口函数获得将其投射到终端设备的显示屏所在平面，得到node点在终端设备的显示屏上的世界坐标向量(x′₁，y′₁，z′₁)。

这时就可以计算出手机屏幕到图形码所在平面的直线距离：

若由于终端设备和图形码之间的距离变远或者对焦不清晰等原因，导致帧图像中图形码没有扫出来，则终端设备会通过重力感应陀螺仪、GPS(Global PositioningSystem，全球定位***)定位、光学摄像头等方式持续运算空间node点的世界坐标(即图形码在所在图形码空间中的坐标)，然后通过接口函数获取记录的node点的世界向量坐标(x₂，y₂，z₂)，再通过接口函数将空间node点投射到终端设备的显示屏的所在的平面，获取node点在终端设备的显示屏上的向量坐标(x′₂，y′₂，z′₂)。其中，x′₂，y′₂是图形码投射到终端设备的显示屏所在平面的中心点的x轴坐标和y轴坐标。同时，得到此时终端设备的显示屏到图形码所在平面的直线距离：

然后根据光学公式：1/像距+1/物距＝1/焦距，可以推算出图形码的缩放参数：

其中，h′_pt表示所述第二帧图片中所述第一图形码在所述终端设备的显示屏上的像高，h_pt表示所述第一帧图片中所述第一图形码在所述终端设备的显示屏上的像高，d表示所述第一帧图片中所述第一图形码到所述终端设备的显示屏的距离，d′表示所述第二帧图片中所述第一图形码到所述终端设备的显示屏的距离，f表示所述终端设备的摄像头的焦距；θ₁和θ₂表示旋转角参数，取值在0～1之间，可以通过手机角度变化信息计算得出，w’_pt表示所述第二帧图片中所述第一图形码在所述终端设备的显示屏上的像宽，w_pt表示所述第一帧图片中所述第一图形码在所述终端设备的显示屏上的像宽。

在所述第二帧图片中显示有第二图形码且所述第二图形码和所述第一图形码相同的情况下，获取所述第二图形码的图像在所述终端设备的显示屏上的坐标，然后利用所述第二图形码的图像在所述终端设备的显示屏上的坐标，得到第二中心点。之后，获取缩放参数，利用所述第二中心点作为所述第一显示区域的中心点，并根据所述缩放参数，得到更新后的第一显示区域。此外，还可获取所述第二中心点在所述第二图形码所在的平面的第二投射点，并利用所述第一存储空间存储所述第二投射点的坐标和所述第一图形码的信息。

其中，利用以下公式获取所述缩放参数：

其中，h′_pt表示所述第二帧图片中所述第一图形码在所述终端设备的显示屏上的像高，h_pt表示所述第一帧图片中所述第一图形码在所述终端设备的显示屏上的像高，d表示所述第一帧图片中所述第一图形码到所述终端设备的显示屏的距离，d′表示所述第二帧图片中所述第一图形码到所述终端设备的显示屏的距离，f表示所述终端设备的摄像头的焦距；θ₁和θ₂分别表示旋转角参数，取值在0～1之间，可以通过手机角度变化信息计算得出，w’_pt表示所述第二帧图片中所述第一图形码在所述终端设备的显示屏上的像宽，w_pt表示所述第一帧图片中所述第一图形码在所述终端设备的显示屏上的像宽。

在本发明实施例的方案中，使用终端的AR和CoreImage框架，对同一屏幕中的多个二维码进行扫码。通过对AR视频流进行抽帧，将每帧中解码得到的二维码在显示屏上绘制显示区域轮廓，并加上标签，同时将显示区域的中心点投射到图形码的空间中，得到二维码在真实图形码空间中的点并记录下来。如果下一帧能继续解码得到相同的二维码，则更新相应的显示区域轮廓位置、大小和空间投射点；若下一帧解码不出前面得到的二维码，则将前面记录到的空间点再反向投射到显示屏上，以此，持续更新二维码的显示区域轮廓位置和大小。这样，可只使用AR的位置信息来实现非AR展示的二维平面扫码，减少了手机性能的消耗，又提高了用户的体验感。

在此步骤中，在利用第二显示区域显示第二帧图片中的第二图形码时，获取所述第二图形码的图像在所述终端设备的显示屏上的坐标以及所述第二图形码的信息，之后，根据所述第二图形码的图像在所述终端设备的显示屏上的坐标以及所述第二图形码的信息，在所述终端设备的显示屏上形成第二显示区域，并利用所述第二显示区域显示所述第二图形码。具体的形成第二显示区域的过程可参照前述形成第一显示区域的过程。

由此可以看出，利用本发明实施例的方案，可较为全面的显示扫描到的图形码，并且可基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，进行显示区域的更新，从而无需对空间AR物体进行渲染减少了终端设备的性能的消耗。

图2(a)-(c)是利用本发明实施例的方案，获得的终端设备的显示界面示意图。当有多个二维码时，可同时在显示屏上显示多个二维码，并可调整二维码在显示屏上的显示参数，如显示大小等。

参见图3，图3是本发明实施例提供的图形码显示装置的结构图。由于图形码显示装置解决问题的原理与本发明实施例中图形码显示方法相似，因此该图形码显示装置的实施可以参见方法的实施，重复之处不再赘述。

如图3所示，图形码显示装置300包括：

采集模块301，用于采集图形码的AR视频流；

第一获取模块302，用于从所述AR视频流中抽取至少一个帧图片，得到帧图片序列；

第一显示模块303，用于在所述帧图片序列的第一帧图片显示有第一图形码的情况下，利用第一显示区域显示所述第一图形码；

第二显示模块304，用于利用第二显示区域显示第二帧图片中的第二图形码，以及基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，更新所述第一显示区域，并利用更新后的第一显示区域显示图形码；

可选的，所述第一显示模块303，包括：

第一获取子模块，用于获取所述第一图形码的图像在所述终端设备的显示屏上的坐标以及所述第一图形码的信息；第一生成子模块，用于根据所述第一图形码的图像在所述终端设备的显示屏上的坐标以及所述第一图形码的信息，在所述终端设备的显示屏上形成第一显示区域；第一显示子模块，用于利用所述第一显示区域显示所述第一图形码。

可选的，所述第一生成子模块，包括：

第一添加单元，用于在所述终端设备的显示屏中添加第一子图层，其中，所述第一子图层的中心点为所述第一图形码的图像的中心点在所述显示屏上的坐标；第一生成单元，用于以所述第一子图层的中心点作为中心点，在所述第一子图层上，形成第一预显示区域；第一处理单元，用于对所述第一预显示区域进行编辑，形成所述第一显示区域。

可选的，所述装置还包括：存储模块，用于获取所述第一预显示区域的中心点在所述第一图形码所在的平面的第一投射点，并利用第一存储空间存储所述第一投射点的坐标和所述第一图形码的信息；利用第二存储空间存储所述第一显示区域的信息和所述第一图形码的信息。

可选的，所述第二显示模块304用于，在所述帧图片序列的第二帧图片中没有显示图形码的情况下，将所述第一投射点反向投射到所述终端设备的显示屏上，得到反向投射点；根据所述反向投射点的坐标，得到第一中心点；利用所述第一中心点作为所述第一显示区域的中心点，得到更新后的第一显示区域；以及，在所述第二帧图片中显示有第二图形码且所述第二图形码和所述第一图形码相同的情况下，获取所述第二图形码的图像在所述终端设备的显示屏上的坐标；利用所述第二图形码的图像在所述终端设备的显示屏上的坐标，得到第二中心点；获取缩放参数；利用所述第二中心点作为所述第一显示区域的中心点，并根据所述缩放参数，得到更新后的第一显示区域。

可选的，所述装置还可包括：

第二获取模块，用于获取所述第二中心点在所述第二图形码所在的平面的第二投射点，并利用所述第一存储空间存储所述第二投射点的坐标和所述第一图形码的信息。

其中，利用以下公式获取所述缩放参数：

其中，h′_pt表示所述第二帧图片中所述第一图形码在所述终端设备的显示屏上的像高，h_pt表示所述第一帧图片中所述第一图形码在所述终端设备的显示屏上的像高，d表示所述第一帧图片中所述第一图形码到所述终端设备的显示屏的距离，d′表示所述第二帧图片中所述第一图形码到所述终端设备的显示屏的距离，f表示所述终端设备的摄像头的焦距；θ₁和θ₂分别表示旋转角参数，w’_pt表示所述第二帧图片中所述第一图形码在所述终端设备的显示屏上的像宽，w_pt表示所述第一帧图片中所述第一图形码在所述终端设备的显示屏上的像宽。

可选的，所述第二显示模块304用于，获取所述第二图形码的图像在所述终端设备的显示屏上的坐标以及所述第二图形码的信息；根据所述第二图形码的图像在所述终端设备的显示屏上的坐标以及所述第二图形码的信息，在所述终端设备的显示屏上形成第二显示区域；利用所述第二显示区域显示所述第二图形码。

本发明实施例提供的装置，可以执行上述方法实施例，其实现原理和技术效果类似，本实施例此处不再赘述。

需要说明的是，本申请实施例中对单元的划分是示意性的，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式。另外，在本申请各个实施例中的各功能单元可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中。上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。

所述集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个处理器可读取存储介质中。基于这样的理解，本申请的技术方案本质上或者说对现有技术做出贡献的部分或者该技术方案的全部或部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质中，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)或处理器(processor)执行本申请各个实施例所述方法的全部或部分步骤。而前述的存储介质包括：U盘、移动硬盘、只读存储器(Read-Only Memory，ROM)、随机存取存储器(Random Access Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

本发明实施例还提供一种电子设备，如图4所示，包括：存储器401、处理器402及存储在所述存储器上并可在所述处理器上运行的程序；所述处理器，用于读取存储器中的程序实现如前所述的图形码显示方法中的步骤。

本发明实施例还提供一种可读存储介质，可读存储介质上存储有程序，该程序被处理器执行时实现上述图形码显示方法实施例的各个过程，且能达到相同的技术效果，为避免重复，这里不再赘述。其中，所述的可读存储介质，可以是处理器能够存取的任何可用介质或数据存储设备，包括但不限于磁性存储器(例如软盘、硬盘、磁带、磁光盘(MO)等)、光学存储器(例如CD、DVD、BD、HVD等)、以及半导体存储器(例如ROM、EPROM、EEPROM、非易失性存储器(NAND FLASH)、固态硬盘(SSD))等。

需要说明的是，在本文中，术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含，从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素，而且还包括没有明确列出的其他要素，或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下，由语句“包括一个……”限定的要素，并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。

通过以上的实施方式的描述，本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现，当然也可以通过硬件，但很多情况下前者是更佳的实施方式。根据这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品存储在一个存储介质(如ROM/RAM、磁盘、光盘)中，包括若干指令用以使得一台终端(可以是手机，计算机，服务器，空调器，或者网络设备等)执行本发明各个实施例所述的方法。

上面结合附图对本发明的实施例进行了描述，但是本发明并不局限于上述的具体实施方式，上述的具体实施方式仅仅是示意性的，而不是限制性的，本领域的普通技术人员在本发明的启示下，在不脱离本发明宗旨和权利要求所保护的范围情况下，还可做出很多形式，均属于本发明的保护之内。

Claims

1.一种图形码显示方法，由终端设备执行，其特征在于，包括：

采集图形码的增强现实AR视频流；

从所述AR视频流中抽取至少一个帧图片，得到帧图片序列；

2.根据权利要求1所述的方法，其特征在于，所述在所述帧图片序列的第一帧图片显示有第一图形码的情况下，利用第一显示区域显示所述第一图形码，包括：

获取所述第一图形码的图像在所述终端设备的显示屏上的坐标以及所述第一图形码的信息；

根据所述第一图形码的图像在所述终端设备的显示屏上的坐标以及所述第一图形码的信息，在所述终端设备的显示屏上形成第一显示区域；

利用所述第一显示区域显示所述第一图形码。

3.根据权利要求2所述的方法，其特征在于，所述根据所述第一图形码的图像在所述终端设备的显示屏上的坐标以及所述第一图形码的信息，在所述终端设备的显示屏上形成第一显示区域，包括：

在所述终端设备的显示屏中添加第一子图层，其中，所述第一子图层的中心点为所述第一图形码的图像的中心点在所述显示屏上的坐标；

以所述第一子图层的中心点作为中心点，在所述第一子图层上，形成第一预显示区域；

对所述第一预显示区域进行编辑，形成所述第一显示区域。

4.根据权利要求3所述的方法，其特征在于，所述方法还包括：

获取所述第一预显示区域的中心点在所述第一图形码所在的平面的第一投射点，并利用第一存储空间存储所述第一投射点的坐标和所述第一图形码的信息；

利用第二存储空间存储所述第一显示区域的信息和所述第一图形码的信息。

5.根据权利要求4所述的方法，其特征在于，所述基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，更新所述第一显示区域，并利用更新后的第一显示区域显示图形码，包括：

在所述帧图片序列的第二帧图片中没有显示图形码的情况下，将所述第一投射点反向投射到所述终端设备的显示屏上，得到反向投射点；

根据所述反向投射点的坐标，得到第一中心点；

利用所述第一中心点作为所述第一显示区域的中心点，得到更新后的第一显示区域，并利用更新后的第一显示区域显示所述第一图形码。

6.根据权利要求4所述的方法，其特征在于，所述基于所述终端设备的显示屏所在的平面和图形码所在的平面的关系，更新所述第一显示区域，并利用更新后的第一显示区域显示图形码，包括：

在所述第二帧图片中显示有第二图形码且所述第二图形码和所述第一图形码相同的情况下，获取所述第二图形码的图像在所述终端设备的显示屏上的坐标；

利用所述第二图形码的图像在所述终端设备的显示屏上的坐标，得到第二中心点；

获取缩放参数；

利用所述第二中心点作为所述第一显示区域的中心点，并根据所述缩放参数，得到更新后的第一显示区域，并利用更新后的第一显示区域显示所述第二图形码。

7.根据权利要求6所述的方法，其特征在于，所述方法还包括：

获取所述第二中心点在所述第二图形码所在的平面的第二投射点，并利用所述第一存储空间存储所述第二投射点的坐标和所述第一图形码的信息。

8.根据权利要求1所述的方法，其特征在于，所述利用第二显示区域显示第二帧图片中的第二图形码，包括：

获取所述第二图形码的图像在所述终端设备的显示屏上的坐标以及所述第二图形码的信息；

根据所述第二图形码的图像在所述终端设备的显示屏上的坐标以及所述第二图形码的信息，在所述终端设备的显示屏上形成第二显示区域；

利用所述第二显示区域显示所述第二图形码。

9.一种电子设备，包括：存储器、处理器及存储在所述存储器上并可在所述处理器上运行的程序；其特征在于，

所述处理器，用于读取存储器中的程序实现如权利要求1至8中任一项所述的图形码显示方法中的步骤。

10.一种可读存储介质，用于存储程序，其特征在于，所述程序被处理器执行时实现如权利要求1至8中任一项所述的图形码显示方法中的步骤。