CN115188349B - 移动可变交通信息牌自定义内容编辑方法及系统 - Google Patents

Abstract

本申请涉及一种移动可变交通信息牌自定义内容编辑方法、系统、计算机设备及存储介质，属于LED屏显示控制技术领域，包括：获取编辑指令，并确定LED点阵空间；所述编辑指令包括图片编辑指令和文字编辑指令；获取显示内容，并根据显示内容绘制点阵；所述显示内容包括图片显示内容；输出控制指令；根据所述图片显示内容绘制点阵具体为：读取图片文件并创建img对象；将img对象画到临时图层中；读取临时图层中每个像素点的颜色值；根据颜色值区域将像素点颜色值映射到对应的颜色上；根据解析后的颜色，将其画到绘图区；更新帧预览图。本申请具有提高观看者的观看体验，丰富视觉的效果。

Description

移动可变交通信息牌自定义内容编辑方法及系统

技术领域

本申请涉及LED屏显示控制技术领域，尤其是涉及一种移动可变交通信息牌自定义内容编辑方法及系统。

背景技术

随着LED显示屏技术的不断更新，显示屏应用的不断普及，如何使显示屏播放的内容更加引人注意已经成为显示屏的重要发展方向。LED显示屏的内容显示需要由LED显示控制系统进行控制，目前传统意义上的LED显示控制系统主要由三部分组成：LED显示屏、LED控制卡以及一台能够运行LED多媒体编辑处理软件的计算机。计算机通过电亮或者熄灭套装点光源中LED矩阵的部分或者全部LED灯来实现不同的图文显示。

现有的移动式交通信息显示屏通常只能显示保存在库里的标准化图形或简单的符号，且由于色彩因素的限制，不能对图片进行显示，视觉效果单一。

发明内容

为了提高观看者的观看体验，丰富视觉效果，本申请提供一种移动可变交通信息牌自定义内容编辑方法、系统、计算机设备及存储介质。

第一方面，本申请提供一种移动可变交通信息牌自定义内容编辑方法，采用如下的技术方案：

一种移动可变交通信息牌自定义内容编辑方法，包括：

获取编辑指令，并确定LED点阵空间；所述编辑指令包括图片编辑指令和文字编辑指令；

获取显示内容，并根据显示内容绘制点阵；所述显示内容包括图片显示内容；

输出控制指令；

根据所述图片显示内容绘制点阵具体为：

读取图片文件并创建img对象；

将img对象画到临时图层中；

读取临时图层中每个像素点的颜色值；

根据颜色值区域将像素点颜色值映射到对应的颜色上；

根据解析后的颜色，将其画到绘图区；

更新帧预览图。

通过采用上述技术方案，通过设计图片编辑界面，在获取到图片编辑指令后，通过打开图像编辑界面，WEB端将读取图片文件并创建对象将其绘制到临时图层，再通过读取临时图层的像素信息，获取像素点的颜色值从而将图片对应的图像内容按照颜色值进行映射，最终呈现在绘图区的并非图片本身而且由图片各个像素点颜色组合而形成的图像，以实现在交通信息牌上显示图片内容，以满足用户更多的编辑使用需求，同时提高观看者的观看体验。

优选地，在所述根据颜色值区域将像素点颜色值映射到对应的颜色上之前，所述编辑方法还包括对颜色值区域的临界值进行调整，使得原本落在某一颜色区域临界数值上的颜色可以在调整临界值后落在相邻其他颜色值区域内。

通过采用上述技术方案，通过对颜色值区域的临界值进行调整，以使得图片在映射过程中能够选择更加合适的颜色进行显示。

优选地，在所述读取图片文件并创建img对象之后与在将img对象画到临时图层中之前，所述编辑方法还包括清空临时图层。

通过采用上述技术方案，在将img对象画到临时图层中之前将临时图层清空，以保证临时图层上没有上次绘制时留下的数据。

优选地，所述显示内容还包括文字显示内容，根据所述文字显示内容绘制点阵具体包括以下步骤：

清空文字绘图区；

格式化特殊字符；

解析html为文字对象列表；

根据文字对象序列绘制点阵。

通过采用上述技术方案，设置文字编辑界面以实现对文字的自定义编辑，以满足用户更多的文案编辑需求。

优选地，所述根据文字对象序列绘制点阵包括：

遍历文字对象序列，获取总的高度、总的宽度、剩余高度、剩余宽度和行数；

平分剩余空白行作为文字序列的Y轴起始高度值；

平分剩余空白列作为文字序列的X轴起始高度值。

通过采用上述技术方案，获取文字对象序列的信息，通过平分剩余空白行和剩余空白列，以使得文字显示位于绘图区中心，即文字能上下左右居中。

优选地，所述控制指令包括特定控制指令和标准控制指令，所述特定控制指令根据预控制设备的显示尺寸和分辨率形成，所述标准控制指令根据标准显示屏的尺寸和分辨率形成；

所述标准控制指令转换为特定控制指令输出至车载控制端。

通过采用上述技术方案，控制指令根据是否选定预控制设备分为特定控制指令和标准控制指令，若选定预控制设备则说明该控制指令只适用预控制设备的显示尺寸和分辨率即可，若没有选定预控制设备，则按照标准显示屏的显示尺寸和分辨率形成标准控制指令，以便于后续在使用该节目时能够快速完成指令转换。

第二方面，本申请还公开了一种应用权利要求上述第一方面所述的移动可变交通信息牌自定义内容编辑方法的系统，包括：

编辑模块，获取编辑指令，用于编辑调整显示内容；

预览模块，用于展示显示内容播放画面；

数据存储模块，连接于编辑模块和预览模块，用于存储编辑模块编辑的显示内容数据和预览模块展示的播放画面数据；

数据处理模块，连接于数据存储模块，用于获取显示内容数据并输出控制指令。

优选地，所述编辑模块包括：

图片编辑子模块，用于导入图片并根据图片绘制点阵；

文字编辑子模块，用于导入或编辑文本，并根据文本绘制点阵。

第三方面，本申请提供一种计算机设备，包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行如上述第一方面所述的编辑方法的步骤。

第四方面，本申请提供一种计算机可读存储介质，其上存储有计算机程序，所述程序被处理器执行时实现如上述第一方面所述的编辑方法。

综上所述，本申请包括以下至少一种有益技术效果：

1.通过在编辑界面中导入自定义新的图片作为显示内容，可以实现交通信息牌更加多元化的信息展示，区别于传统单一的图标显示，满足用户更多的观看需求；

2.由于交通信息牌显示颜色种类的限定，通过对颜色进行划分，设置颜色值区域，根据每个像素点的颜色值将其映射到对应的颜色值区域内，从而实现图片的导入，同时设置颜色值区域的边界值可以进行微调，以使得色彩搭配更加合理；

3.通过WEB端实现显示屏集中管理，既可以新输入的显示内容直接在指定的显示屏上进行展示，也可以将新输入的显示内容作为新的节目进行保护，后期使用时直接通过WEB端将控制命令输出到对应的显示屏上，以使交通信息牌的显示更加方便快捷。

附图说明

图1是本申请实施例中编辑方法的整体步骤流程框图；

图2是本申请实施例中编辑方法的文字编辑部分具体步骤流程框图；

图3是本申请实施例中编辑方法的图片编辑部分具体步骤流程框图；

图4是本申请实施例中编辑方法的图片编辑部分导入的原图展示图；

图5是本申请实施例中编辑方法的图片编辑部分导入后的预览图展示图；

图6是本申请实施例中编辑系统的整体结构框图。

附图标记说明：1、编辑模块；11、图片编辑子模块；12、文字编辑子模块；2、预览模块；3、数据存储模块；4、数据处理模块。

具体实施方式

以下结合附图图1-图6对本申请作进一步详细说明。

本申请实施例公开一种移动可变交通信息牌自定义内容编辑方法。参照图1，编辑方法包括以下步骤：

S1、获取编辑指令，并确定LED点阵空间。

具体地，编辑指令包括文字编辑指令和图片编辑指令，WEB端对应编辑指令设有与文字编辑指令对应的文本编辑选项和图片编辑指令对应的图形编辑选项，用户可以通过WEB端的两个编辑选项进入编辑界面。WEB服务器对应文本编辑选项设有节目数据库，节目数据库中预存有可供选择的多个交通信号标志和文本信息，用户可以通过WEB端进行调用选择，也可以在WEB端进行自定义编辑，自定义编辑的新图案可以进行显示也可以保存到节目数据库中作为常用图案以供后期选用。

在进入编辑界面前，用户需要先确定是否选中预控制设备，若用户未选中预控制设备，则说明本次编辑的图案在编辑后不直接显示，而是以标准显示屏的显示规格保存在节目数据库中；若用户选中预控制设备，则说明本次编辑的图案以预控制设备的显示规格进行直接显示。本申请实施例中，以选中预控制设备为例进行说明，用户通过WEB端选定预控制设备，并在WEB端点击其中一个编辑选项后，WEB端获取预控制设备的型号和对应的编辑指令，并根据编辑指令显示对应的编辑界面，WEB根据预控制设备的型号在编辑界面绘制出点阵。预控制设备为所需编辑内容预计显示的显示屏，编辑界面需要根据预控制设备的像素情况确定LED点阵空间大小。若没有选中预控制设备，则编辑界面根据标准显示屏的像素情况确定LED点阵空间大小，标准显示屏的规格为系统原有的设定。

S2、获取显示内容，并根据显示内容绘制点阵。

具体地，在WEB端点击其中一个编辑选项后，WEB端根据编辑指令显示编辑界面，若编辑指令为文字编辑指令，则出现文字编辑界面，WEB端从数据库中读取数据信息，以使得用户可以在节目数据库中选择标准图案或者在编辑界面中自定义编辑新的文字作为显示内容。若编辑指令为图片编辑指令，则出现选择图片文件的弹窗，弹窗里是用户自己电脑中的文件，WEB通过弹窗调用用户存储图片文件的数据库，数据库中可能有很多张图片，用户需要选择导入哪一张图片，待用户确认导入的图片后，WEB端获取对应图片信息作为显示内容。

显示内容根据显示对象的不同，其获取处理的方式也不同，具体分为文字显示内容和图片显示内容。其中，

用户通过在WEB端在现有的节目数据库中选择标准图案或者在编辑界面中自定义新图案，WEB端将选择的标准图案或者自定义的新图案作为文字显示内容，文字显示内容需要在预控制设备上显示，则需要将文字显示内容转换为对应的文字显示点阵。参照图2，其具体包括以下步骤：

S2A1、清空文字绘图区；

S2A2、格式化特殊字符；

S2A3、解析html为文字对象列表；

S2A4、将html转换为JS Node对象；

S2A5、根据文字对象序列绘制点阵。

具体地，在绘制文字显示内容之前需要对文字绘图区进行清空，以保证文字绘图区上没有上次绘制时留下的数据，即重置文字绘图区，使其空白。html为字符串，属于纯文本信息，将html转换为JS Node对象，方便程序操作，其具体转换过程为：从根Node节点遍历for时，获取各节点类型，节点类型包括注释节点、元素节点和Text节点，若节点类型为注释节点时，则跳过该节点。若节点类型为元素节点时，则对该节点进行递归解析，即，当节点类型为元素节点时，获取该节点的css，从第一层一直叠加css到当前层，当前层元素的样式是叠加的结果；若节点类型为元素节点同时判断该元素节点是否存在子节点，若存在子节点，则读取子节点下级的内容；若节点类型为Text节点，则获取其叠加后的样式表，如果该节点未配置color，则使用界面上当前用户选中的样式；如果该节点未配置字号，使用界面上当前用户选中的字号，字号即字体大小。当读取完各节点对象后，创建每个字符对应的Text对象，即用户输入的全部文字字符，有多少个字符即创造多少个Text对象，Text对象为Text节点内容加上叠加后的css节点样式构成的。由多个Text对象构建产生Text对象数组，为点阵绘制准备数据。

点阵绘制具体过程为：遍历文字对象序列，获取总的高度、总得宽度、剩余高度、剩余宽度和行数；其中，总的高度指界面上可见的绘图区固定的高度值；总得宽度指界面上可见的绘图区的固定宽度；得到文字对象后，可以得到文字的行高、每行文字的列宽、行数和列数；剩余高度=绘图区高度值-文字行高，剩余宽度=绘图区宽度值-某行文字列宽。平分剩余空白行，作为文字序列的Y轴起始高度值，剩余空白行=剩余高度/文字行高，得出剩余空白行处可以放几行文字，Y轴起始高度值=剩余空白行/2；平分剩余空白列，作为文字序列的X轴的起始宽度值，剩余空白列=剩余宽度/文字列宽；平分剩余空白行和剩余空白列是为了让文字能上下左右居中。遍历每个文字对象Text，读取字体配置，得到二维点阵数组，为点阵宽高进行缩放并叠加起始XY轴，遍历二维点阵数组，值为1的表示需要点亮，根据XY轴值和绘点圆形半径在绘图区绘制字符像素点，即通过XY轴值在绘图区对应的位置绘制圆点，圆点的尺寸大小由绘点圆形半径决定，绘点圆形半径为系统配置的固定值。

若用户选择的是图片编辑指令，在WEB端导入图片后，图片显示内容需要在预控制设备上显示，则需要将图片显示内容转换为对应的点阵。参照图3，其具体包括以下步骤：

S2B1、读取图片文件并创建img对象；

S2B2、清空临时图层；

S2B3、将img对象画到临时图层中；

S2B4、读取临时图层中每个像素点的颜色值；

S2B5、将像素颜色值所落在的区域，映射到指定的5种颜色上；

S2B6、根据解析后的颜色，将其画到绘图区；

S2B7、更新帧预览图。

具体地，通过html5定义的接口FileReader.readAsDataURL(file)读取读取图片尺寸和每个像素点以获取图片信息并创建img对象；img是一种文件压缩格式，主要是为了创建软盘的镜像文件，可以用来压缩整个软盘或者整片光盘的内容，通过创建img对象以实现数字存储、传输以及内容复制。当选中需要导入的图片时，WEB端调用浏览器提供的Canvas相关接口，将图片写入到临时图层中，在将图片写入前需要对临时图层进行清空，以保证临时图层上没有上次绘制时留下的数据，即重置临时图层，使其空白，然后将img对象绘制到临时图层上，接着从临时图层读取图片数据，即可获取与临时图层像素尺寸 数量相等的图片像素数据组，即若临时图层的像素尺寸为248*128，那么读取临时图层即可读取248*128组像素数据组。

若在进入编辑界面之前已经选定预控制设备，则临时图层的像素尺寸与预控制设备的像素尺寸一致，若在进入编辑界面之前未选定预控制设备，则临时图层的像素尺寸与标准显示屏的像素尺寸一致。由于待导入的图片像素尺寸可能存在大于临时图层的像素尺寸的情况，因此为保证图片能够导入到临时图层上，编辑界面设有图片裁剪工具，图片裁剪工具能够对待导入图片进行缩放、裁剪处理，从而使得待导入图片的像素与临时图层的像素一致或者小于临时图层的像素。

参照图4和图5，导入的图片中，可能有多个图层存在时，例如图片主体位于第一层绘图区域图层，而图片同时也存在第二层或者其他图层，该图层上存在有文字，即该部分文字非绘图时绘制的，而是后期添加的，例如水印之类的；该文字所处的图层的像素高于绘图区域图层的像素，因此该文字信息映射到绘图区域图层上时，可能存在绘图区域的一个像素点显示一个文字或者其他不等同像素点的情况，在图片导入时，临时图层无法获取具体的文字信息，而只是获取该像素点的颜色信息，为降低像素点存在重叠色彩的情况，编辑界面还设有图片编辑工具，用于去除部分非绘图区域图层部分的文字或者图标等信息，以保证导入到临时图层中的图片一个像素点只有一种颜色。

参照图4和图5，由于导入的图片带有多种颜色色彩，而预控制设备的显示颜色只有红、黄、蓝、绿、白五种，为保证图片显示内容显示后的效果，需要对图片显示内容进行色彩处理。将圆形色板按照相似性分成红黄蓝绿白五个区域，每个区域各自对应有颜色值范围，读取临时图层中每个像素点的颜色值，将每个像素点的颜色根据颜色值所落在的区域，映射到指定的5种颜色上。

参照图4和图5，为提高显示效果，对五个区域的临界数值进行微调，使得有部分原本落在某一颜色区域临界数值上的颜色值可以在微调后落在相邻颜色区域内，例如图片中有一种颜色的颜色值正好位于红色与蓝色临界区周边，按照原有的红色和蓝色区域临界数值的划分，该颜色对应的颜色值落入红色区域，但是根据图片色彩显示，该颜色显示蓝色比显示红色整体色彩饱和度更好，因此在显示时系统会主动根据每张导入图片的色彩显示效果微调颜色区域的临界数值。

将经过解析调整后的颜色画到绘图区，更新帧预览图，帧预览图是公共的，用户的每个操作都会更新帧预览图，如输入文字、修改颜色、直接在绘图区画点等操作；通过更新帧预览图即可获取按照预控制设备的颜色显示条件而显示的图片效果图，在图片效果图显示时，用户也可以根据效果图的显示效果再次对颜色区域临界数值进行微调，使得图片的颜色能够根据所需进行调整。对导入的图片所形成的图片显示内容也可以将其保存到节目单中，在后期使用过程中，可以直接选择调用该图片显示内容。通过导入图像的方式在WEB端生成显示内容，能够快速完成图片类信息的显示，当然，用户也可以在文字编辑界面按照图片样式绘制图片显示内容。

S3、输出控制指令。

具体地，控制指令包括特定控制指令和标准控制指令；若在进入编辑界面前，用户已经选定预控制设备，则按照选中的预控制设备的显示屏尺寸和分辨率形成特定控制指令；若在进入编辑界面前用户未选中预控制设备或者在编辑后用户需要将编辑后的显示内容作为新节目保存在节目数据库中以备后续使用，则显示内容按照标准显示屏的尺寸和分辨率形成标准控制指令并存储在WEB服务器中，由于不同型号的显示屏存在尺寸和分辨率不同将其按照标准屏进行保存以便于后续的显示处理。当WEB端确定显示界面的LED点阵空间后，WEB服务器将标准控制指令转换为与预控制设备的尺寸和分辨率相适应的特定控制指令输出至与预控制设备连接的车载控制端，并发送到WEB端的模拟显示界面予以显示。

控制指令按照（a,b,c）三个参数作为控制信号来控制LED点阵空间中每个点位的LED灯状态，其中a表示受控点位的X坐标，b表示受控点位的Y坐标，c表示受控点位的颜色，受控点位的颜色有五种，分别以r\y\b\g\w进行表示，r为红色、y为黄色、b为蓝色、g为绿色、w为白色；例如（19,40，g）即代表横坐标为19、纵坐标为40的受控点位显示绿光。

当然控制指令还包括配置信息，如帧停留时间、帧动画、闪烁时间间隔等，配置信息为用户设置信息，在输出控制指令之前，需要对显示内容进行配置信息设置。

本申请实施例还公开了一种移动可变交通信息牌自定义内容编辑系统，参照图6，编辑系统包括：

编辑模块1，获取编辑指令，用于编辑调整显示内容；

预览模块2，用于展示显示内容播放画面；

数据存储模块3，连接于编辑模块1和预览模块2，用于存储编辑模块1编辑的显示内容数据和预览模块2展示的播放画面数据；

数据处理模块4，连接于数据存储模块3，用于获取显示内容数据并输出控制指令。

具体地，编辑指令包括文字编辑指令和图片编辑指令，编辑模块1根据不同的编辑指令生成对应的编辑界面。编辑模块1包括：

图片编辑子模块11，用于导入图片并根据图片绘制点阵；

文字编辑子模块12，用于导入或编辑文本，并根据文本绘制点阵。

当编辑模块1获取的编辑指令为文字编辑指令时，则WEB端打开文字编辑子模块12显示文字编辑界面；当编辑模块1获取的编辑指令为图片编辑指令时，则WEB端打开图片编辑子模块11显示图片编辑界面。

若编辑指令为文字编辑指令，则文字编辑界面显示对应的绘图工具，绘图工具包括但不限于画笔、橡皮擦、文本输入、文本字号、文本颜色、鼠标等操作工具，用户通过选择不同的绘图工具在文字编辑界面输入并生成文字显示内容。

若编辑指令为图片编辑指令，则用户需要通过WEB端选择并导入图片，图片编辑界面显示对应的绘图工具，绘图工具包括但不限于图片裁剪、图片编辑等操作工具，当图片导入后，图片编辑界面根据图片信息生成图片显示内容。

预览模块2与编辑模块1连接，接收文字显示内容或者图片显示内容，同时对接收到的显示内容及其配置信息进行预览，当用户通过更换或者编辑新的显示内容之后，预览模块2会根据显示内容的变化而更新帧预览图。

当用户通过预览模块2确认显示的预览图无误之后，数据存储模块3将显示内容作为新节目进行保存，若需要重复使用该显示内容，则将该显示内容保存到节目数据库中。数据处理模块4获取数据存储模块3中的显示内容数据和配置信息，根据显示设备的尺寸和像素输出控制指令至预控制设备的车载控制端上。

本申请实施例还公开了一种计算机系统，该计算机系统包括存储器和处理器，存储器中存储有计算机程序，该处理器被设置为运行计算机程序以执行本实施例提供的任一流数据处理方法。

本申请实施例还公开了一种计算机可读存储介质，其上存储有计算机程序，该计算机程序被处理器执行时实现本申请实施例提供的分布式文件在线恢复方法。

所述计算机可读存储介质例如包括：U盘、移动硬盘、只读存储器(Read-OnlyMemory，ROM)、随机存取存储器(RandomAccess Memory，RAM)、磁碟或者光盘等各种可以存储程序代码的介质。

应该理解的是，虽然附图的流程图中的各个步骤按照箭头的指示依次显示，但是这些步骤并不是必然按照箭头指示的顺序依次执行。除非本文中有明确的说明，这些步骤的执行并没有严格的顺序限制，其可以以其他的顺序执行。而且，附图的流程图中的至少一部分步骤可以包括多个子步骤或者多个阶段，这些子步骤或者阶段并不必然是在同一时刻执行完成，而是可以在不同的时刻执行，其执行顺序也不必然是依次进行，而是可以与其他步骤或者其他步骤的子步骤或者阶段的至少一部分轮流或者交替地执行。

以上均为本申请的较佳实施例，并非依此限制本申请的保护范围，故：凡依本申请的结构、形状、原理所做的等效变化，均应涵盖于本申请的保护范围之内。

Claims (9)

1.一种移动可变交通信息牌自定义内容编辑方法，其特征在于：包括：

获取编辑指令，并确定LED点阵空间；所述编辑指令包括图片编辑指令和文字编辑指令；

获取显示内容，并根据显示内容绘制点阵；所述显示内容包括图片显示内容；

输出控制指令；

根据所述图片显示内容绘制点阵具体为：

读取图片文件并创建img对象；

将img对象画到临时图层中；

读取临时图层中每个像素点的颜色值；

根据颜色值区域将像素点颜色值映射到对应的颜色上；

根据解析后的颜色，将其画到绘图区；

更新帧预览图；

在所述根据颜色值区域将像素点颜色值映射到对应的颜色上之前，所述编辑方法还包括对颜色值区域的临界值进行调整，使得原本落在某一颜色区域临界数值上的颜色可以在调整临界值后落在相邻其他颜色值区域内。

2.根据权利要求1所述的移动可变交通信息牌自定义内容编辑方法，其特征在于：在所述读取图片文件并创建img对象之后与在将img对象画到临时图层中之前，所述编辑方法还包括清空临时图层。

3.根据权利要求1所述的移动可变交通信息牌自定义内容编辑方法，其特征在于：所述显示内容还包括文字显示内容，根据所述文字显示内容绘制点阵具体包括以下步骤：

清空文字绘图区；

格式化特殊字符；

解析html为文字对象列表；

根据文字对象序列绘制点阵。

4.根据权利要求3所述的移动可变交通信息牌自定义内容编辑方法，其特征在于：所述根据文字对象序列绘制点阵包括：

遍历文字对象序列，获取总的高度、总的宽度、剩余高度、剩余宽度和行数；

平分剩余空白行作为文字序列的Y轴起始高度值；

平分剩余空白列作为文字序列的X轴起始高度值。

5.根据权利要求1所述的移动可变交通信息牌自定义内容编辑方法，其特征在于：所述控制指令包括特定控制指令和标准控制指令，所述特定控制指令根据预控制设备的显示尺寸和分辨率形成，所述标准控制指令根据标准显示屏的尺寸和分辨率形成；

所述标准控制指令转换为特定控制指令输出至车载控制端。

6.一种应用权利要求1至5任一所述的移动可变交通信息牌自定义内容编辑方法的系统，其特征在于：包括：

编辑模块(1)，获取编辑指令，用于编辑调整显示内容；

预览模块(2)，用于展示显示内容播放画面；

数据存储模块(3)，连接于编辑模块(1)和预览模块(2)，用于存储所述编辑模块(1)编辑的显示内容数据和所述预览模块(2)展示的播放画面数据；

数据处理模块(4)，连接于所述数据存储模块(3)，用于获取显示内容数据并输出控制指令。

7.根据权利要求6所述的系统，其特征在于：所述编辑模块(1)包括：

图片编辑子模块(11)，用于导入图片并根据图片绘制点阵；

文字编辑子模块(12)，用于导入或编辑文本，并根据文本绘制点阵。

8.一种计算机设备，其特征在于：包括存储器和处理器，所述存储器中存储有计算机可读指令，所述计算机可读指令被所述处理器执行时，使得所述处理器执行如权利要求1至5任一所述的编辑方法的步骤。

9.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，所述程序被处理器执行时实现如权利要求1至5任一项所述的编辑方法。

Images