CN111768461A - 一种基于电子价签的图片生成方法 - Google Patents
一种基于电子价签的图片生成方法 Download PDFInfo
- Publication number
- CN111768461A CN111768461A CN202010345891.XA CN202010345891A CN111768461A CN 111768461 A CN111768461 A CN 111768461A CN 202010345891 A CN202010345891 A CN 202010345891A CN 111768461 A CN111768461 A CN 111768461A
- Authority
- CN
- China
- Prior art keywords
- picture
- price tag
- html
- color
- electronic price
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Pending
Links
- 238000000034 method Methods 0.000 title claims abstract description 43
- 230000008569 process Effects 0.000 claims description 14
- 239000003086 colorant Substances 0.000 claims description 13
- 238000004519 manufacturing process Methods 0.000 claims description 12
- 238000006243 chemical reaction Methods 0.000 claims description 4
- 238000012545 processing Methods 0.000 claims description 4
- 239000004615 ingredient Substances 0.000 claims description 3
- 230000004048 modification Effects 0.000 claims description 3
- 238000012986 modification Methods 0.000 claims description 3
- 230000001737 promoting effect Effects 0.000 claims description 3
- 239000000203 mixture Substances 0.000 claims description 2
- 239000002994 raw material Substances 0.000 claims description 2
- 230000007547 defect Effects 0.000 abstract description 3
- 238000013461 design Methods 0.000 abstract description 3
- 238000011161 development Methods 0.000 abstract description 3
- 238000010586 diagram Methods 0.000 description 7
- 230000006870 function Effects 0.000 description 6
- 230000000694 effects Effects 0.000 description 4
- 230000008859 change Effects 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000010354 integration Effects 0.000 description 1
- 238000012423 maintenance Methods 0.000 description 1
- 230000009467 reduction Effects 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/90—Details of database functions independent of the retrieved data types
- G06F16/95—Retrieval from the web
- G06F16/957—Browsing optimisation, e.g. caching or content distillation
- G06F16/9577—Optimising the visualization of content, e.g. distillation of HTML documents
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F40/00—Handling natural language data
- G06F40/10—Text processing
- G06F40/166—Editing, e.g. inserting or deleting
- G06F40/186—Templates
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06K—GRAPHICAL DATA READING; PRESENTATION OF DATA; RECORD CARRIERS; HANDLING RECORD CARRIERS
- G06K19/00—Record carriers for use with machines and with at least a part designed to carry digital markings
- G06K19/06—Record carriers for use with machines and with at least a part designed to carry digital markings characterised by the kind of the digital marking, e.g. shape, nature, code
- G06K19/06009—Record carriers for use with machines and with at least a part designed to carry digital markings characterised by the kind of the digital marking, e.g. shape, nature, code with optically detectable marking
- G06K19/06037—Record carriers for use with machines and with at least a part designed to carry digital markings characterised by the kind of the digital marking, e.g. shape, nature, code with optically detectable marking multi-dimensional coding
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/001—Texturing; Colouring; Generation of texture or colour
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Databases & Information Systems (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Data Mining & Analysis (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明公开了一种基于电子价签的图片生成方法,包括HTML布局模板生成、HTML布局与内容数据组合、打印并截取HTML快照、去除图片灰度、转换为价签识别图片格式、电子价签解析图片信息并显示,其通过采用HTML的标识性语言,通过浏览器翻译成可识别信息,具备通用性强、适用性广等特点,实现电子价签的页面生成。如此即解决了输入源创建的文字和图片无法直接使用于电子价签的难题,克服了当前由于智能终端的自动灰度属性,使电子价签只能用某种特定字体、某种特定编辑软件的技术缺陷。可以使用第三方的网页信息直接转换展示到电子价签端,大大的降低了部署、模板设计及二次开发的成本,直接将设计好的图片放入模板即可,操作简单。
Description
技术领域
本发明涉及电子价签技术领域,具体涉及一种电子价签的图片生成方法。
背景技术
现有的电子价签(ESL)系统由服务器、电子价签、基站(AP)、智能终端(电脑、手机)组成,其中电子价签作为输出源,能将输入源(智能终端)生成的图片无损展示出来是系统实用性关键。
受制于电子纸显示器件(EPD)的技术限制,三色电子纸显示器件显示的颜色均位纯色,不存在灰度,而终端设备为了更好的显示效果,会自动产生灰度,造成通用软件生成的三色图片无法在电子纸显示器件中获得良好的显示效果。输入源(智能终端)创建的文字和图片无法直接使用于电子价签,主要是因为当前由于智能终端的自动灰度属性,造成电子价签只能用某种特定字体、某种特定编辑软件的技术缺陷。这样就导致现有的电子价系统因技术限制,大多都是指定固定的一种或两种字体,影响电子价签的展示效果,无法灵活在电子价签上展示,从而限制了电子价签的应用。
发明内容
本发明要解决的技术问题是提供一种通用性强、适用性广、可直接使用第三方网页信息直接转换展示到电子价签、大大降低部署、模板设计及二次开发的成本、能够适应更多应用场景的基于电子价签的图片生成方法。
为解决上述技术问题,本发明采用如下技术方案:一种基于电子价签的图片生成方法,其特征在于:包括,
HTML布局模板生成S101,通过拖动元素进入基础框架内实现;
HTML布局与内容数据组合S102,包括内容数据S701、HTML模板S702及生成输出价签HTML S703;
打印并截取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的具体方式为,由2BIT构成一个点的颜色,点颜色为2BIT高位为1时显示红色,0不显示,低位为1时显示为黑色,为0时不显示,当高位和低位同时为0时显示为白色;R为255时,显示为红色,两位标识表示为10,当R,G,B为0时显示为黑色,两位表示为01,其它值时,即为白色,两位表示为00;通过所有位分别转换为2BIT的颜色位,组合成一个二进制文件,并保存。
电子价签解析图片信息并显示S106的实施方法是将转换为价签识别图片格式S105保存下来的文件通过2BIT、2BIT的读取方式,将数据还原为电子价签的颜色控制指令,发送到电子屏,由电子屏接收数据,即为电子屏需要显示的颜色。
本发明通过采用HTML这样一种标识性的语言,通过浏览器翻译成可识别信息,即网页信息。其具备通用性强、适用性广等特点,实现电子价签的页面生成,并通过创新的技术手段,将网页生成的内容截取,并将图片转换为适合电子价签显示的图片,在电子价签系统中有非常重要的实用意义。大大简化了对于电子价签系统在模板的难度,同时降低了模板设计人员的技术要求,具备特殊的落地意义。同时,大量结合通用的计算机技术,在实现跨平台及产品维护、无缝升级上具有技术优势,而且在系统集成上优势更明显。通过本发明提供的方法,做到了模板与数据的分离,使模板很好的完成复用。达到了参数的标准化及扩展化,同时也做到了元素间的独立分层,在实施变更内容也极其方便。还克服了现有价签系统通常使用指定字体的问题,可以无限制的使用任何字体,实现了更好的展示效果。另外,将图片转换过程提到后台,可以降低电子价签的处理能力要求,有利于降低产品的单价成本。
如此即解决了输入源(智能终端)创建的文字和图片无法直接使用于电子价签的难题,克服了当前由于智能终端的自动灰度属性,使电子价签只能用某种特定字体、某种特定编辑软件的技术缺陷。可以直接使用第三方的网页信息直接转换展示到电子价签端,大大的降低了部署、模板设计及二次开发的成本。还可以降低美工的技术要求,不需美工了解新软件的使用方法,直接将设计好的图片放入模板即可。
附图说明
图1为本发明电子价签图片生成过程示意图;
图2为本发明电子价签图片的基本元素示意图;
图3为图2中基础图形S201的属性设置示意图;
图4为图2中图片S202的属性设置示意图;
图5为图2中文字S203的属性设置示意图;
图6为HTML布局模板生成S101的独立图层展示示意图;
图7为组合内容数据生成价签示意框图;
图8为打印并截取HTML快照S103的流程示意图;
图9为去除图片灰度S104的流程示意图。
具体实施方式
下面结合附图通过具体实施例对本发明做进一步说明:
所述基于电子价签的图片生成方法,如图1、图7、图8及图9所示,包括,
HTML布局模板生成S101,通过拖动元素进入基础框架内实现;
HTML布局与内容数据组合S102,包括内容数据S701、HTML模板S702及生成输出价签HTML S703;
打印并截取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基本元素及背景色组成;描述表包括有价签分辨率、旋转方向、模板名称、支持颜色及支持型号。
如图2、图3、图4、图5及图6所示,所述基本元素包括有基础图形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实现,其它系统使用了关闭自动自动抗锯齿模式的方式也应视为相同的实现方式;
Linux参考示例如下:
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截取到的图片,然后通过算法将图片内的灰度去掉,转换为电子价签支持的颜色,最后将替换的数据重新保存为新的图片。转换为256色后根据如下区间进行划分转换颜色如下表:
转换为价签识别图片格式S105的具体方式为,由2BIT构成一个点的颜色,点颜色为2BIT高位为1时显示红色,0不显示,低位为1时显示为黑色,为0时不显示,当高位和低位同时为0时显示为白色;R为255时,显示为红色,两位标识表示为10,当R,G,B为0时显示为黑色,两位表示为01,其它值时,即为白色,两位表示为00;通过所有位分别转换为2BIT的颜色位,组合成一个二进制文件,并保存。
电子价签解析图片信息并显示S106的实施方法是将转换为价签识别图片格式S105保存下来的文件通过2BIT、2BIT的读取方式,将数据还原为电子价签的颜色控制指令,发送到电子屏,由电子屏接收数据,即为电子屏需要显示的颜色。
以上已将本发明做一详细说明,以上所述,仅为本发明之较佳实施例而已,当不能限定本申请实施范围,即凡依本申请范围所作均等变化与修饰,皆应仍属本发明涵盖范围内。
Claims (10)
1.一种基于电子价签的图片生成方法,其特征在于:包括,
HTML布局模板生成S101,通过拖动元素进入基础框架内实现;
HTML布局与内容数据组合S102,包括内容数据S701、HTML模板S702及生成输出价签HTML S703;
打印并截取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界面为一个透明的,且与目标电子价签分辨率相同的矩形,此矩形定义为价签操作台;然后,根据电子价签显示要求将基本元素拖动入价签操作台,并且根据电子价签显示目标将对应的基础元素属性修改为对应的;在此拖动修改过程,HTML集合同时将对应元素及元素对应属性加入其中,在HTML集合里面定义为元素标签,并且在价签操作台中实时显示,实现所见即所得;此HTML集合及描述文件在关闭和保存时保存到本文或数据里,作为后续步骤的输入源;
HTML布局模板生成S101每个元素标签为一个独立图层,其支持元素的修改,即在价签操作台选择需要修改元素,更改属性对应的内容,修改时,同时会将修改同步到HTML集合对应的元素标签,并且会同步更新到价签操作台;HTML布局模板生成S101支持图层上移和下移,移动图层实现为价签操作台选择对应的元素标签,选择上移动或者下移动,移动的同时HTML集合根据移动的方式调整标签的先后顺序。
6.根据权利要求4所述的基于电子价签的图片生成方法,其特征在于:内容数据701可以是一组与元素对应的实际数据,实际数据与HTML对应的模板相同的变量,内容数据的提供为文本记录和/或数据库;先选定单条数据记录,通过检索方式将HTML内对应的变量替换为数据记录对应的内容,替换的同时HTML直接通过标准浏览器方式显示价签操作台及其替换后的数据内容,此输出即为最终显示于价签的式样,输出的带内容的HTML文件为后续步骤的输入源。
7.根据权利要求1所述的基于电子价签的图片生成方法,其特征在于:通过去除字体灰度S801使字体的灰度取消或者降低,以保证输出图片的字体清晰地在电子价签中展示;去除字体灰度S801的过程为在打印网页前首先设置系统参数,使字体反锯齿功能关闭,在LINUX系统中通过自动修改FONTS中的antialias属性设置为FLASE实现;HTML打印到后台S802使用puppeteer开源控件后台显示并将网页打印;
保存为图片S803截取实现使通过HTML布局模板生成S101中生成的描述表参数,以截取出与电子价签分辨率相同的图片;首先去除系统默认对字体的优化显示功能,减少字体灰度对于无灰度的处理,然后将HTML以后台网页形式展示并将其截取为图片,并且通过HTML布局模板生成S101保存下来的描述表截取对应大小的图片。
8.根据权利要求7所述的基于电子价签的图片生成方法,其特征在于:去除图片灰度S104使用RGB的24位色转为256色,比较256色接近的三色值,将原图颜色转为电子价签对应可显示颜色;转换256色值公式为:0.299*R+0.587*G+0.114*B;具体实施过程为:首先通过RGB方式读取打印并截取HTML快照S103截取到的图片,然后通过算法将图片内的灰度去掉,转换为电子价签支持的颜色,最后将替换的数据重新保存为新的图片。
9.根据权利要求1所述的基于电子价签的图片生成方法,其特征在于:转换为价签识别图片格式S105的具体方式为,由2BIT构成一个点的颜色,点颜色为2BIT高位为1时显示红色,0不显示,低位为1时显示为黑色,为0时不显示,当高位和低位同时为0时显示为白色;R为255时,显示为红色,两位标识表示为10,当R,G,B为0时显示为黑色,两位表示为01,其它值时,即为白色,两位表示为00;通过所有位分别转换为2BIT的颜色位,组合成一个二进制文件,并保存。
10.根据权利要求9所述的基于电子价签的图片生成方法,其特征在于:电子价签解析图片信息并显示S106的实施方法是将转换为价签识别图片格式S105保存下来的文件通过2BIT、2BIT的读取方式,将数据还原为电子价签的颜色控制指令,发送到电子屏,电子屏接收数据,即为电子屏需要显示的颜色。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010345891.XA CN111768461A (zh) | 2020-04-27 | 2020-04-27 | 一种基于电子价签的图片生成方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010345891.XA CN111768461A (zh) | 2020-04-27 | 2020-04-27 | 一种基于电子价签的图片生成方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111768461A true CN111768461A (zh) | 2020-10-13 |
Family
ID=72720718
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010345891.XA Pending CN111768461A (zh) | 2020-04-27 | 2020-04-27 | 一种基于电子价签的图片生成方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111768461A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112288071A (zh) * | 2020-10-29 | 2021-01-29 | 努比亚技术有限公司 | 电子价签显示方法、电子价签以及计算机可读存储介质 |
CN112423251A (zh) * | 2020-11-18 | 2021-02-26 | 努比亚技术有限公司 | 一种电子价签差分推图方法、设备及计算机可读存储介质 |
CN112948045A (zh) * | 2021-03-12 | 2021-06-11 | 深圳创维-Rgb电子有限公司 | 图片显示方法、装置、设备及计算机可读存储介质 |
CN113112573A (zh) * | 2021-04-14 | 2021-07-13 | 多点(深圳)数字科技有限公司 | 基于标记语言的图片生成方法、装置和电子设备 |
CN113596145A (zh) * | 2021-07-26 | 2021-11-02 | 努比亚技术有限公司 | 一种价签字体属性调控方法、设备及计算机可读存储介质 |
CN113627123A (zh) * | 2021-08-27 | 2021-11-09 | 京东方科技集团股份有限公司 | 数据发送方法、显示方法、服务器及显示装置 |
CN117435156A (zh) * | 2023-12-20 | 2024-01-23 | 汉朔科技股份有限公司 | 电子价签的显示信息生成方法、装置、设备及介质 |
Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103778158A (zh) * | 2012-10-26 | 2014-05-07 | 苏州精易会信息技术有限公司 | 一种基于图片方式显示条形码的html标签 |
CN110211484A (zh) * | 2019-06-13 | 2019-09-06 | 深圳云里物里科技股份有限公司 | 一种电子价签显示方法、系统及服务器和存储介质 |
CN111031521A (zh) * | 2019-10-21 | 2020-04-17 | 北京无线体育俱乐部有限公司 | 信息展示方法、系统、移动终端、服务端设备和电子设备 |
-
2020
- 2020-04-27 CN CN202010345891.XA patent/CN111768461A/zh active Pending
Patent Citations (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN103778158A (zh) * | 2012-10-26 | 2014-05-07 | 苏州精易会信息技术有限公司 | 一种基于图片方式显示条形码的html标签 |
CN110211484A (zh) * | 2019-06-13 | 2019-09-06 | 深圳云里物里科技股份有限公司 | 一种电子价签显示方法、系统及服务器和存储介质 |
CN111031521A (zh) * | 2019-10-21 | 2020-04-17 | 北京无线体育俱乐部有限公司 | 信息展示方法、系统、移动终端、服务端设备和电子设备 |
Non-Patent Citations (1)
Title |
---|
于晓东: "基于物联网的电子价签管理系统的设计与实现", 中国优秀硕士学位论文全文数据库 信息科技辑, no. 8, 15 August 2016 (2016-08-15), pages 138 - 237 * |
Cited By (11)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112288071A (zh) * | 2020-10-29 | 2021-01-29 | 努比亚技术有限公司 | 电子价签显示方法、电子价签以及计算机可读存储介质 |
CN112288071B (zh) * | 2020-10-29 | 2024-03-19 | 努比亚技术有限公司 | 电子价签显示方法、电子价签以及计算机可读存储介质 |
CN112423251A (zh) * | 2020-11-18 | 2021-02-26 | 努比亚技术有限公司 | 一种电子价签差分推图方法、设备及计算机可读存储介质 |
CN112423251B (zh) * | 2020-11-18 | 2023-03-28 | 浙江安腾信息技术有限公司 | 一种电子价签差分推图方法、设备及计算机可读存储介质 |
CN112948045A (zh) * | 2021-03-12 | 2021-06-11 | 深圳创维-Rgb电子有限公司 | 图片显示方法、装置、设备及计算机可读存储介质 |
CN113112573A (zh) * | 2021-04-14 | 2021-07-13 | 多点(深圳)数字科技有限公司 | 基于标记语言的图片生成方法、装置和电子设备 |
CN113112573B (zh) * | 2021-04-14 | 2024-05-14 | 多点(深圳)数字科技有限公司 | 基于标记语言的图片生成方法、装置和电子设备 |
CN113596145A (zh) * | 2021-07-26 | 2021-11-02 | 努比亚技术有限公司 | 一种价签字体属性调控方法、设备及计算机可读存储介质 |
CN113627123A (zh) * | 2021-08-27 | 2021-11-09 | 京东方科技集团股份有限公司 | 数据发送方法、显示方法、服务器及显示装置 |
CN117435156A (zh) * | 2023-12-20 | 2024-01-23 | 汉朔科技股份有限公司 | 电子价签的显示信息生成方法、装置、设备及介质 |
CN117435156B (zh) * | 2023-12-20 | 2024-05-28 | 汉朔科技股份有限公司 | 电子价签的显示信息生成方法、装置、设备及介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111768461A (zh) | 一种基于电子价签的图片生成方法 | |
CN110310226B (zh) | 图片的拼接显示方法及系统 | |
CN113012265B (zh) | 针式打印字符图像生成方法、装置、计算机设备和介质 | |
RU2439676C2 (ru) | Передача символов в подпиксельном разрешении | |
CN101939984A (zh) | 宽色域显示器系统 | |
CA2716528C (en) | Rapid localized language development for video matrix switching system | |
KR102471343B1 (ko) | 사용자로부터 입력받은 텍스트의 키워드 분석을 이용한 온라인 인쇄물 제작 시스템 | |
JP2015523593A (ja) | 電子表示装置 | |
JP2015523593A5 (zh) | ||
CN112927314B (zh) | 一种图像数据处理方法、装置以及计算机设备 | |
JP4971551B2 (ja) | 処理方法及び媒体及びメモリ | |
CN111612858B (zh) | 一种电子标签的图像显示方法及相关装置 | |
US20170262141A1 (en) | Information processing apparatus, information processing method and non-transitory computer readable medium | |
US9905030B2 (en) | Image processing device, image processing method, information storage medium, and program | |
CN102467490A (zh) | 一种字体数据的处理方法及装置 | |
CN113038184B (zh) | 数据处理方法、装置、设备及存储介质 | |
US20050134601A1 (en) | Method and system to combine a digital graphics object and a digital picture | |
US7236642B2 (en) | Method and structure for generating output data of a digital image including a transparent object | |
US20100017708A1 (en) | Information output apparatus, information output method, and recording medium | |
CN112101356A (zh) | 一种图片中特定文本的定位方法、装置及存储介质 | |
CN109389658B (zh) | 信息处理装置 | |
KR100702105B1 (ko) | 표시장치, 표시방법, 표시 프로그램, 및 표시 프로그램을기록한 기록매체 | |
CN113112573B (zh) | 基于标记语言的图片生成方法、装置和电子设备 | |
CN113703699A (zh) | 电子文件的实时输出方法和装置 | |
KR100323749B1 (ko) | 휴대폰의그림출력방법 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
PB01 | Publication | ||
PB01 | Publication | ||
SE01 | Entry into force of request for substantive examination | ||
SE01 | Entry into force of request for substantive examination |