一种基于电子价签的图片生成方法技术

本发明专利技术公开了一种基于电子价签的图片生成方法，包括HTML布局模板生成、HTML布局与内容数据组合、打印并截取HTML快照、去除图片灰度、转换为价签识别图片格式、电子价签解析图片信息并显示，其通过采用HTML的标识性语言，通过浏览器翻译成可识别信息，具备通用性强、适用性广等特点，实现电子价签的页面生成。如此即解决了输入源创建的文字和图片无法直接使用于电子价签的难题，克服了当前由于智能终端的自动灰度属性，使电子价签只能用某种特定字体、某种特定编辑软件的技术缺陷。可以使用第三方的网页信息直接转换展示到电子价签端，大大的降低了部署、模板设计及二次开发的成本，直接将设计好的图片放入模板即可，操作简单。

【技术实现步骤摘要】
一种基于电子价签的图片生成方法
本专利技术涉及电子价签
，具体涉及一种电子价签的图片生成方法。
技术介绍
现有的电子价签(ESL)系统由服务器、电子价签、基站(AP)、智能终端(电脑、手机)组成，其中电子价签作为输出源，能将输入源(智能终端)生成的图片无损展示出来是系统实用性关键。受制于电子纸显示器件(EPD)的技术限制，三色电子纸显示器件显示的颜色均位纯色，不存在灰度，而终端设备为了更好的显示效果，会自动产生灰度，造成通用软件生成的三色图片无法在电子纸显示器件中获得良好的显示效果。输入源(智能终端)创建的文字和图片无法直接使用于电子价签，主要是因为当前由于智能终端的自动灰度属性，造成电子价签只能用某种特定字体、某种特定编辑软件的技术缺陷。这样就导致现有的电子价系统因技术限制，大多都是指定固定的一种或两种字体，影响电子价签的展示效果，无法灵活在电子价签上展示，从而限制了电子价签的应用。
技术实现思路
本专利技术要解决的技术问题是提供一种通用性强、适用性广、可直接使用第三方网页信息直接转换展示到电子价签、大大降低部署、模板设计及二次开发的成本、能够适应更多应用场景的基于电子价签的图片生成方法。为解决上述技术问题，本专利技术采用如下技术方案：一种基于电子价签的图片生成方法，其特征在于：包括，HTML布局模板生成S101，通过拖动元素进入基础框架内实现；HTML布局与内容数据组合S102，包括内容数据S701、HTML模板S702及生成输出价签HTMLS703；r>打印并截取HTML快照S103，包括，首先去除字体灰度S801，将S102输出的HTML打印到后台S802，并保存为图片S803；去除图片灰度S104，通过算法将打印并截取HTML快照S103输出的图片的颜色灰度去除，包括实施过程为RGB方式读取图片S901，替换为电子价签的颜色S902以及保存新图S903；转换为价签识别图片格式S105，将通过去除图片灰度S104后的图片以RGB形式读取，并将其转换为2位BIT的3色格式图；电子价签解析图片信息并显示S106，将转换为价签识别图片格式S105保存下来的文件发送到电子屏，电子屏接收数据，即为电子屏需要显示的颜色。所述基础框架是描述价签基本参数的模块，其包括有一组HTML集合及一个描述表；HTML集合包括有模板名称、价签分辨率、HTML基本元素及背景色组成；描述表包括有价签分辨率、旋转方向、模板名称、支持颜色及支持型号。所述基本元素包括有基础图形S201、图片S202和文本S203，基础图形S201包括有直线S208、矩形S204、圆角矩形S205、圆形S206和三角性S207等，且基础图形S201的设置属性包括内容S301、选择字体S302、字体大小S303、字体颜色S304、字体位置S305、背景颜色S306、边框颜色S307、旋转S308以及坐标S309等；图片S202包括有二维码S209、条形码S210和商品图片S211，且图片S202的设置属性包括图片地址S401、本地上传S402、旋转S403及坐标S404等；文字S203包括有空文本、商品名称、计价单位、产地、零售价、促销价、会员价、市场价、货号、保质期、生产日期、生产时间、配料、存储条件、食用方法、生产许可、经销商、规格及等级S212和更多S213，且文字S203的设置属性包含内容S501、选择字体S502、字体大小S503、字体颜色S504、字体位置S505、背景颜色S506、边框颜色S507、旋转S508和坐标S509等。内容S301、图片地址S401、内容S501关联有两种描述方式，即文本描述方式S601和变量描述方式S602；文本描述方式S601为常量描述方式，在后续模板HTML时直接使用该常量，对于图片S202自动将文本、链接转换为对应的图形内容；商品图片S211采用常量通过上传图片形式并自动生成链接方式实现；二维码S209、条形码S210常量方式是输入符合二维码、条形码格式的字符串；变量描述方式以“{}”内含对应变量名，商品名称采用变量模式，内容为“{商品名称}”。HTML布局模板生成S101的过程为：首先，设置基础框架参数，然后基础框架会生成一个支持浏览器显示的一组HTML集合和一个描述表，浏览器直接将HTML集合显示出来，此HTML界面为一个透明的，且与目标电子价签分辨率相同的矩形，此矩形定义为价签操作台；然后，根据电子价签显示要求将基本元素拖动入价签操作台，并且根据电子价签显示目标将对应的基础元素属性修改为对应的；在此拖动修改过程，HTML集合同时将对应元素及元素对应属性加入其中，在HTML集合里面定义为元素标签，并且在价签操作台中实时显示，实现所见即所得；此HTML集合及描述文件在关闭和保存时保存到本文或数据里，作为后续步骤的输入源；HTML布局模板生成S101每个元素标签为一个独立图层，其支持元素的修改，即在价签操作台选择需要修改元素，更改属性对应的内容，修改时，同时会将修改同步到HTML集合对应的元素标签，并且会同步更新到价签操作台；HTML布局模板生成S101支持图层上移和下移，移动图层实现为价签操作台选择对应的元素标签，选择上移动或者下移动，移动的同时HTML集合根据移动的方式调整标签的先后顺序。内容数据701可以是一组与元素对应的实际数据，实际数据与HTML对应的模板相同的变量，内容数据的提供为文本记录和/或数据库；先选定单条数据记录，通过检索方式将HTML内对应的变量替换为数据记录对应的内容，替换的同时HTML直接通过标准浏览器方式显示价签操作台及其替换后的数据内容，此输出即为最终显示于价签的式样，输出的带内容的HTML文件为后续步骤的输入源。通过去除字体灰度S801使字体的灰度取消或者降低，以保证输出图片的字体清晰地在电子价签中展示；去除字体灰度S801的过程为在打印网页前首先设置系统参数，使字体反锯齿功能关闭，在LINUX系统中通过自动修改FONTS中的antialias属性设置为FLASE实现；HTML打印到后台S802使用puppeteer开源控件后台显示并将网页打印；保存为图片S803截取实现使通过HTML布局模板生成S101中生成的描述表参数，以截取出与电子价签分辨率相同的图片；首先去除系统默认对字体的优化显示功能，减少字体灰度对于无灰度的处理，然后将HTML以后台网页形式展示并将其截取为图片，并且通过HTML布局模板生成S101保存下来的描述表截取对应大小的图片。去除图片灰度S104使用RGB的24位色转为256色，比较256色接近的三色值，将原图颜色转为电子价签对应可显示颜色；转换256色值公式为：0.299*R+0.587*G+0.114*B；具体实施过程为：首先通过RGB方式读取打印并截取HTML快照S103截取到的图片，然后通过算法将图片内的灰度去掉，转换为电子价签支持的颜色，最后将替换的数据重新保存为新的图片。转换为价签识别图片格式S105的具体方式为，由2B本文档来自技高网...

【技术保护点】
1.一种基于电子价签的图片生成方法，其特征在于：包括，/nHTML布局模板生成S101，通过拖动元素进入基础框架内实现；/nHTML布局与内容数据组合S102，包括内容数据S701、HTML模板S702及生成输出价签HTML S703；/n打印并截取HTML快照S103，包括，首先去除字体灰度S801，将S102输出的HTML打印到后台S802，并保存为图片S803；/n去除图片灰度S104，通过算法将打印并截取HTML快照S103输出的图片的颜色灰度去除，包括实施过程为RGB方式读取图片S901，替换为电子价签的颜色S902以及保存新图S903；/n转换为价签识别图片格式S105，将通过去除图片灰度S104后的图片以RGB形式读取，并将其转换为2位BIT的3色格式图；/n电子价签解析图片信息并显示S106，将转换为价签识别图片格式S105保存下来的文件发送到电子屏，电子屏接收数据，即为电子屏需要显示的颜色。/n

【技术特征摘要】
1.一种基于电子价签的图片生成方法，其特征在于：包括，
HTML布局模板生成S101，通过拖动元素进入基础框架内实现；
HTML布局与内容数据组合S102，包括内容数据S701、HTML模板S702及生成输出价签HTMLS703；
打印并截取HTML快照S103，包括，首先去除字体灰度S801，将S102输出的HTML打印到后台S802，并保存为图片S803；
去除图片灰度S104，通过算法将打印并截取HTML快照S103输出的图片的颜色灰度去除，包括实施过程为RGB方式读取图片S901，替换为电子价签的颜色S902以及保存新图S903；
转换为价签识别图片格式S105，将通过去除图片灰度S104后的图片以RGB形式读取，并将其转换为2位BIT的3色格式图；
电子价签解析图片信息并显示S106，将转换为价签识别图片格式S105保存下来的文件发送到电子屏，电子屏接收数据，即为电子屏需要显示的颜色。


2.根据权利要求1所述的基于电子价签的图片生成方法，其特征在于：所述基础框架是描述价签基本参数的模块，其包括有一组HTML集合及一个描述表；HTML集合包括有模板名称、价签分辨率、HTML基本元素及背景色组成；描述表包括有价签分辨率、旋转方向、模板名称、支持颜色及支持型号。


3.根据权利要求2所述的基于电子价签的图片生成方法，其特征在于：所述基本元素包括有基础图形S201、图片S202和文本S203，基础图形S201包括有直线S208、矩形S204、圆角矩形S205、圆形S206和三角性S207，且基础图形S201的设置属性包括内容S301、选择字体S302、字体大小S303、字体颜色S304、字体位置S305、背景颜色S306、边框颜色S307、旋转S308以及坐标S309；
图片S202包括有二维码S209、条形码S210和商品图片S211，且图片S202的设置属性包括图片地址S401、本地上传S402、旋转S403及坐标S404；
文字S203包括有空文本、商品名称、计价单位、产地、零售价、促销价、会员价、市场价、货号、保质期、生产日期、生产时间、配料、存储条件、食用方法、生产许可、经销商、规格及等级S212和更多S213，且文字S203的设置属性包含内容S501、选择字体S502、字体大小S503、字体颜色S504、字体位置S505、背景颜色S506、边框颜色S507、旋转S508和坐标S509。


4.根据权利要求3所述的基于电子价签的图片生成方法，其特征在于：内容S301、图片地址S401、内容S501关联有两种描述方式，即文本描述方式S601和变量描述方式S602；文本描述方式S601为常量描述方式，在后续模板HTML时直接使用该常量，对于图片S202自动将文本、链接转换为对应的图形内容；商品图片S211采用常量通过上传图片形式并自动生成链接方式实现；二维码S209、条形码S210常量方式是输入符合二维码、条形码格式的字符串；变量描述方式以“{}”内含对应变量名，商品名称采用变量模式，内容为“{商品名称}”。


5.根据权利要求4所述的基于电子价签的图片生成方法，其特征在于：HTML布局模板生成S101的过程为：首先，设置基础框架参数，然后基础框架会生成一个支持浏览器显示的一组HTML集合和一个描述表，浏览器直接将HTML集合显示出来，此HTML界面为一个透明的，且与目标电子价签分辨率相同的矩形，此矩形定义为价签操作台；然后，根据电子价签显示要求将基本元素拖动入价签操作台，并且根据电子...

【专利技术属性】
技术研发人员：陈锦成，冯智涛，李志伟，杨华伟，
申请(专利权)人：雅量商业智能技术广州有限公司，
类型：发明
国别省市：广东;44