CN111783414A - 标签打印模板生成方法及装置 - Google Patents
标签打印模板生成方法及装置 Download PDFInfo
- Publication number
- CN111783414A CN111783414A CN202010699609.8A CN202010699609A CN111783414A CN 111783414 A CN111783414 A CN 111783414A CN 202010699609 A CN202010699609 A CN 202010699609A CN 111783414 A CN111783414 A CN 111783414A
- Authority
- CN
- China
- Prior art keywords
- label printing
- entity object
- object group
- printing template
- canvas element
- 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
- 238000007639 printing Methods 0.000 title claims abstract description 114
- 238000000034 method Methods 0.000 title claims abstract description 41
- 230000000694 effects Effects 0.000 claims abstract description 36
- 238000009877 rendering Methods 0.000 claims description 15
- 230000008569 process Effects 0.000 abstract description 7
- 238000010586 diagram Methods 0.000 description 11
- 238000004590 computer program Methods 0.000 description 8
- 230000006870 function Effects 0.000 description 4
- 238000012423 maintenance Methods 0.000 description 4
- 230000009286 beneficial effect Effects 0.000 description 3
- 238000012986 modification Methods 0.000 description 3
- 230000004048 modification Effects 0.000 description 3
- 230000003287 optical effect Effects 0.000 description 3
- 230000008859 change Effects 0.000 description 2
- 238000013461 design Methods 0.000 description 2
- 239000013307 optical fiber Substances 0.000 description 2
- 230000000644 propagated effect Effects 0.000 description 2
- 238000003491 array Methods 0.000 description 1
- 238000004891 communication Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 238000005516 engineering process Methods 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 230000002093 peripheral effect Effects 0.000 description 1
- 239000004065 semiconductor Substances 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 230000008719 thickening Effects 0.000 description 1
Images
Classifications
-
- 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
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
- G06F16/83—Querying
- G06F16/838—Presentation of query results
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/80—Information retrieval; Database structures therefor; File system structures therefor of semi-structured data, e.g. markup language structured data such as SGML, XML or HTML
- G06F16/84—Mapping; Conversion
-
- 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
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Data Mining & Analysis (AREA)
- Health & Medical Sciences (AREA)
- Artificial Intelligence (AREA)
- Audiology, Speech & Language Pathology (AREA)
- Computational Linguistics (AREA)
- General Health & Medical Sciences (AREA)
- Record Information Processing For Printing (AREA)
Abstract
本申请提供了一种标签打印模板生成方法及装置,所述方法包括:获取html文件,并在所述html文件中添加Canvas元素;在所述Canvas元素上绘制实体对象组;根据所述实体对象组获取标签打印模板的json数据;将所述html文件发送至浏览器,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图,所述标签打印模板的效果图包括所述Canvas元素和所述实体对象组。在html文件中添加Canvas元素,在Canvas元素上绘制打印模板所需的各项实体对象,用户通过html文件来添加或者修改标签打印模板,再通过浏览器解析html文件来展示标签打印模板的效果图,由此使用户可以在添加、修改标签打印模板的过程中,实时、直观、方便地查看模板的样式并实时生成模板文件的json数据。
Description
技术领域
本申请涉及信息处理的技术领域,尤其涉及标签打印模板生成方法及装置、电子设备、计算机可读存储介质。
背景技术
现在使用打印标签的行业越来越多,常见的打印标签有快递业使用的电子面单,餐饮、购物时使用的小票,银行业的电子凭条,交通系统的车票和飞机票等。
目前打印标签时使用的模板采用json文件形式,在添加或修改模板时需要对json文件的内容进行添加或修改,但改动过程中不能直观地查看模板样式,导致开发人员看不到改动带来的变化,影响模板的开发效率。
发明内容
本申请的目的在于提供标签打印模板生成方法及装置、电子设备、计算机可读存储介质,解决现有技术的标签打印模板在改动过程中无法实时查看模板样式的问题。
本申请的目的采用以下技术方案实现:
第一方面,本申请提供了一种标签打印模板生成方法,所述方法包括:获取html文件,并在所述html文件中添加Canvas元素;在所述Canvas元素上绘制实体对象组;根据所述实体对象组获取标签打印模板的json数据;将所述html文件发送至浏览器,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图,所述标签打印模板的效果图包括所述Canvas元素和所述实体对象组。该技术方案的有益效果在于,在html文件中添加Canvas元素,在Canvas元素上绘制打印模板所需的各项实体对象,用户通过html文件来添加或者修改标签打印模板,再通过浏览器解析html文件来展示标签打印模板的效果图,由此使用户可以在添加、修改标签打印模板的过程中,实时、直观、方便地查看模板的样式并实时生成模板文件的json数据。
在一些可能的实现方式中,所述方法还包括:获取所述实体对象组的绘制数据;所述在所述Canvas元素上绘制实体对象组,包括:根据所述实体对象组的绘制数据,在所述Canvas元素上绘制所述实体对象组。该技术方案的有益效果在于,实际应用中通常由设计人员给出模板样式,开发人员根据设计人员提供的模板样式开发标签打印模板文件,因此可以获取绘制数据并根据绘制数据绘制标签打印模板的各项实体对象。
在一些可能的实现方式中,所述获取所述实体对象组的绘制数据,包括:获取模板样式文件并发送至用户的终端设备,所述模板样式文件用于提供所述实体对象组的绘制数据;接收所述实体对象组的绘制数据。该技术方案的有益效果在于,模板样式文件例如是设计人员给出的png或者jpg格式的文件,在文件中给出各项实体对象的绘制数据。
在一些可能的实现方式中,所述在所述Canvas元素上绘制实体对象组,包括:使用JavaScript语句在所述Canvas元素上绘制所述实体对象组。该技术方案的有益效果在于,通过JavaScript语句给出路径、文字、二维码、条形码等实体对象的各项参数值,在Canvas元素上进行绘制操作,例如可以使用Printer工具类的JavaScript语句。
在一些可能的实现方式中,所述根据所述实体对象组获取标签打印模板的json数据,包括:使用JavaScript语句记录在所述Canvas元素上绘制所述实体对象组的绘制操作;根据所述绘制操作将所述实体对象组转换为所述标签打印模板的json数据。现有技术的json文件不方便后期维护,该技术方案的有益效果在于,通过JavaScript语句记录绘制操作,动态生成标签打印模板对应的json数据,例如可以使用PrintTemplate工具类的JavaScript语句,开发人员只需要修改JavaScript语句中的相关参数,json数据可以动态获取,相对于json文件来说,JavaScript语句的后期维护更方便。
在一些可能的实现方式中,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图和所述标签打印模板的json数据。该技术方案的有益效果在于,在展示标签打印模板效果图的同时展示json数据,便于开发人员随时查看json数据是否出现问题。
在一些可能的实现方式中,所述方法还包括:在所述Canvas元素上修改所述实体对象组中至少一个实体对象。该技术方案的有益效果在于,当需要修改标签打印模板上的实体对象时,开发人员可以在Canvas元素上修改对应的一个或多个实体对象。
在一些可能的实现方式中,所述在所述Canvas元素上修改所述实体对象组中至少一个实体对象,包括:使用JavaScript语句在所述Canvas元素上修改所述实体对象组中至少一个实体对象。该技术方案的有益效果在于,当需要修改实体对象的某些参数时,可以通过JavaScript语句来修改实体对象的对应参数值,便于开发人员修改、调整标签打印模板中的各项实体对象。
在一些可能的实现方式中,所述实体对象组包括路径、矩形、弧形、文字、条形码和二维码中的至少一种。该技术方案的有益效果在于,提供多种实体对象,便于开发人员开发出符合设计和使用需求的标签打印模板。
第二方面,本申请提供了一种标签打印模板生成装置,所述装置包括:元素添加模块,用于获取html文件,并在所述html文件中添加Canvas元素;对象绘制模块,用于在所述Canvas元素上绘制实体对象组;数据获取模块,用于根据所述实体对象组获取标签打印模板的json数据;文件发送模块,用于将所述html文件发送至浏览器,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图,所述标签打印模板的效果图包括所述Canvas元素和所述实体对象组。
在一些可能的实现方式中,所述装置还包括绘制获取模块,所述绘制获取模块用于获取所述实体对象组的绘制数据;所述对象绘制模块用于根据所述实体对象组的绘制数据,在所述Canvas元素上绘制所述实体对象组。
在一些可能的实现方式中,所述绘制获取模块用于:获取模板样式文件并发送至用户的终端设备,所述模板样式文件用于提供所述实体对象组的绘制数据;接收所述实体对象组的绘制数据。
在一些可能的实现方式中,所述对象绘制模块用于使用JavaScript语句在所述Canvas元素上绘制所述实体对象组。
在一些可能的实现方式中,所述数据获取模块用于:使用JavaScript语句记录在所述Canvas元素上绘制所述实体对象组的绘制操作;根据所述绘制操作将所述实体对象组转换为所述标签打印模板的json数据。
在一些可能的实现方式中,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图和所述标签打印模板的json数据。
在一些可能的实现方式中,所述对象绘制模块还用于在所述Canvas元素上修改所述实体对象组中至少一个实体对象。
在一些可能的实现方式中,所述对象绘制模块还用于使用JavaScript语句在所述Canvas元素上修改所述实体对象组中至少一个实体对象。
在一些可能的实现方式中,所述实体对象组包括路径、矩形、弧形、文字、条形码和二维码中的至少一种。
第三方面,本申请提供了一种电子设备,包括存储器和处理器,所述存储器存储有计算机程序,所述处理器执行所述计算机程序时实现上述任一项方法的步骤。
第四方面,本申请提供了一种计算机可读存储介质,存储有计算机程序,所述计算机程序被处理器执行时实现上述任一项方法的步骤。
附图说明
下面结合附图和实施例对本申请进一步说明。
图1是本申请实施例提供的一种标签打印模板生成方法的流程示意图;
图2是本申请实施例提供的一种绘制实体对象组的流程示意图;
图3是本申请实施例提供的一种获取绘制数据的流程示意图;
图4是本申请实施例提供的一种获取json数据的流程示意图;
图5是本申请实施例提供的一种标签打印模板生成方法的流程示意图;
图6是本申请实施例提供的一种标签打印模板的展示效果示意图;
图7是本申请实施例提供的一种标签打印模板的展示效果示意图;
图8是本申请实施例提供的一种标签打印模板的展示效果示意图;
图9是本申请实施例提供的一种标签打印模板的展示效果示意图;
图10是本申请实施例提供的一种标签打印模板生成装置的结构示意图;
图11是本申请实施例提供的一种电子设备的结构示意图;
图12是本申请实施例提供的一种用于实现标签打印模板生成方法的程序产品的结构示意图。
具体实施方式
下面,结合附图以及具体实施方式,对本申请做进一步描述,需要说明的是,在不相冲突的前提下,以下描述的各实施例之间或各技术特征之间可以任意组合形成新的实施例。
本申请实施例提供了一种标签打印模板生成方法,用于生成打印标签时使用的标签打印模板,可广泛应用于电子面单、购物小票、电子凭条、车票和飞机票的打印领域。
参见图1,所述方法可以包括步骤S101~S104。
步骤S101:获取html文件,并在所述html文件中添加Canvas元素。其中,html文件与所生成的标签打印模板一一对应。Canvas元素用于在画布中绘制实体对象。Canvas元素的属性参数一般包括宽度和高度。例如可以在本地服务器新建一个html文件,并在其中添加Canvas元素。
在具体实施中,可以在html中创建显示Canvas元素的div层,还可以创建同时显示Canvas元素和json数据的div层,即在一个页面上创建两个区域,一个区域显示画布,另一个区域显示最后生成的json数据。
步骤S102:在所述Canvas元素上绘制实体对象组。例如可以通过Canvas元素的2dcontext在画布上进行绘制。其中,实体对象组包括一个或多个实体对象。在具体实施中,可以提供多种实体对象,便于开发人员开发出符合设计和使用需求的标签打印模板。所述实体对象组可以包括路径、矩形、弧形、文字、条形码和二维码中的至少一种。
实际应用中通常由设计人员给出模板样式,开发人员根据设计人员提供的模板样式开发标签打印模板文件,因此可以获取绘制数据并根据绘制数据绘制标签打印模板的各项实体对象。在一些可能的实现方式中,参见图2,所述方法还可以包括步骤S105:获取所述实体对象组的绘制数据;所述步骤S102可以包括:根据所述实体对象组的绘制数据,在所述Canvas元素上绘制所述实体对象组。
在一些可能的实现方式中,模板样式文件例如是设计人员给出的png或者jpg格式的文件,在文件中给出各项实体对象的绘制数据。具体而言,参见图3,所述步骤S105可以包括步骤S201~S202。
步骤S201:获取模板样式文件并发送至用户的终端设备,所述模板样式文件用于提供所述实体对象组的绘制数据。其中,模板样式文件例如是png、jpg、jpeg或者psd格式的模板样式文件。这里的用户一般而言是开发人员,用户的终端设备例如是台式机、笔记本电脑、平板电脑、手机或者智能穿戴设备。开发人员可以通过PS或PxCook测量模板样式文件中的实体对象组的绘制数据,例如测量线的起始点和宽度,文字的大小和起点坐标。
步骤S202:接收所述实体对象组的绘制数据。在具体实施中,步骤S202可以包括:接收用户的终端设备发送的所述实体对象组的绘制数据。
在具体实施中,Canvas元素的宽度和高度也可以按照模板样式文件的尺寸来指定,例如当模板样式文件的宽度是550像素、高度是660像素时,Canvas元素也可以设置为相同的尺寸,即宽度为550像素、高度为660像素。
JavaScript是解释型或即时编译型编程语言,是一种脚本语言。在一些可能的实现方式中,可以通过JavaScript语句给出路径、矩形、弧形、文字、二维码、条形码等实体对象的各项参数值,在Canvas元素上进行绘制操作,例如可以使用Printer工具类的JavaScript语句。所述步骤S102可以包括:使用JavaScript语句在所述Canvas元素上绘制所述实体对象组。
步骤S103:根据所述实体对象组获取标签打印模板的json数据。json数据用于生成标签打印模板。
现有技术的json文件不方便后期维护,在一些可能的实现方式中,可以通过JavaScript语句记录绘制操作,动态生成标签打印模板对应的json数据,例如可以使用PrintTemplate工具类的JavaScript语句,开发人员只需要修改JavaScript语句中的相关参数,json数据可以动态获取,相对于json文件来说,JavaScript语句的后期维护更方便。具体而言,参见图4,所述步骤S103可以包括步骤S301~S302。
步骤S301:使用JavaScript语句记录在所述Canvas元素上绘制所述实体对象组的绘制操作。所记录的绘制操作例如可以包括在绘制文字时,文字的起点、文字大小、是否加粗、行高、换行信息,这些记录下来的绘制操作可以保存在PrintTemplate.block中,通过json.stringify将实体对象转换成json数据,json数据可以显示在浏览器端的html页面中。其中,json.stringify是一种JavaScript内置方法。
步骤S302:根据所述绘制操作将所述实体对象组转换为所述标签打印模板的json数据。
在得到json数据后,可以将json数据新建文本文件粘贴后发送至后台服务器,用以更新数据库中的标签打印模板。在后续维护中,如果需要修改标签打印模板,只需要修改对应html文件中的JavaScript语句即可。
下面将示例性地说明在Canvas元素上绘制实体对象组和记录绘制操作的过程。
画线。即,通过起始点,在Canvas元素上进行绘制路径操作。在具体实施中,可以使用context.fillRect的JavaScript语句。在JavaScript语句中可以示例性地包括以下内容:
考虑到有线宽的情况,可以画实心矩形充当线段,并通过PrintTemplate工具类的JavaScript语句对当前线进行保存操作,例如可以使用line.push的JavaScript语句。
绘制文字。即,通过起始点,在Canvas元素上进行绘制文字操作。在具体实施中,可以使用context.fillText的JavaScript语句,其中文字使用demo文字,demo文字是模拟数据。在JavaScript语句中可以示例性地包括以下内容:
Printer.prototype.drawText=function(text_x,text_y,demoText,frongSize,bold,lineHeight,rowMaxSize,maxRow,demoText,textKey,textQuote,textChangeSizes)
上述JavaScript语句可以对demo文字进行换行、字体加粗、文字超出一定字数后字号变更操作。通过PrintTemplate工具类的JavaScript语句对当前线进行保存操作,例如可以使用block.push的JavaScript语句。
类似drawText方法,考虑到文字在某些情况下需要居中,因此,为了能模拟真实的打印效果,还可以对demo文字做文字居中操作。在JavaScript语句中可以示例性地包括以下内容:
Printer.prototype.drawAreaText=function(text_x,text_y,demoText,frongSize,bold,lineHeight,rowMaxSize,maxRow,demoText,textKey,textQuote,area_x,area_y,area_end_x,area_end_y,align,textChangeSizes)
绘制条形码。即,通过起始点,在Canvas元素上进行绘制条形码的操作。在具体实施中,可以使用context.fillRect的JavaScript语句,暂时用矩形模拟条形码的显示效果。在JavaScript语句中可以示例性地包括以下内容:
Printer.prototype.drawBarCode=function(start_x,start_y,demoText,rotate,bold,height,textKey,textQuote)
通过PrintTemplate工具类的JavaScript语句对当前条形码进行保存操作,例如可以使用barcode.push的JavaScript语句。
绘制二维码。即,通过起始点,在Canvas元素上进行绘制二维码的操作。在具体实施中,可以使用context.fillRect的JavaScript语句,暂时用矩形模拟二维码的显示效果。在JavaScript语句中可以示例性地包括以下内容:
Printer.prototype.drawBarCode=function(start_x,start_y,textKey,textQuote)
通过PrintTemplate工具类的JavaScript语句对当前二维码进行保存操作,例如可以使用qrcode.push的JavaScript语句。
使用PrintTemplate工具类记录Canvas的绘制操作,通过实体对象生成标签模板的json数据,json数据的结构可以示例性地表示如下:
在一些可能的实现方式中,当需要修改标签打印模板上的实体对象时,开发人员可以在Canvas元素上修改对应的一个或多个实体对象。参见图5,所述方法还可以包括步骤S106:在所述Canvas元素上修改所述实体对象组中至少一个实体对象。
在一些可能的实现方式中,当需要修改实体对象的某些参数时,可以通过JavaScript语句来修改实体对象的对应参数值,便于开发人员修改、调整标签打印模板中的各项实体对象。具体而言,所述步骤S106可以包括:使用JavaScript语句在所述Canvas元素上修改所述实体对象组中至少一个实体对象。
步骤S104:将所述html文件发送至浏览器,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图,所述标签打印模板的效果图包括所述Canvas元素和所述实体对象组。在一些可能的实现方式中,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图和所述标签打印模板的json数据。在展示标签打印模板效果图的同时展示json数据,便于开发人员随时查看json数据是否出现问题。
浏览器展示标签打印模板的效果图和标签打印模板的json数据时,可以采用以下几种展示方式。
第一种展示方式,参见图6,左侧展示标签打印模板的效果图,右侧展示标签打印模板的json数据。
第二种展示方式,参见图7,上方展示标签打印模板的效果图,下方展示标签打印模板的json数据。
第三种展示方式,参见图8,左上方展示标签打印模板的效果图,右下方展示标签打印模板的json数据。
第四种展示方式,参见图9,在标签打印模板的效果图以外的区域设置json数据下载按钮,点击下载按钮可以以文件的形式下载json数据。其中,标签打印模板的效果图可以设置为上下居中或者左右居中。
上述几种展示方式并非穷尽列举,在实际应用中用户可以使用其他展示方式。需要注意的是,当json数据的长度超出当前视图所能展示的字节数时,可以使用滚动条滚动展示全部json数据。另外,所展示的json数据可以复制,这样更符合开发人员的工作习惯。
图6至图9中所展示的数据为模拟数据,模拟数据可以在JavaScript语句中指定。JavaScript语句中还可以指定获取各项参数真实数据的数据接口。在实际打印过程中,可以通过JavaScript语句指定的数据接口来获取真实数据,使用打印模板和真实数据打印包含真实数据的标签。
本申请实施例在html文件中添加Canvas元素,在Canvas元素上绘制打印模板所需的各项实体对象,用户通过html文件来添加或者修改标签打印模板,再通过浏览器解析html文件来展示标签打印模板的效果图,由此使用户可以在添加、修改标签打印模板的过程中,实时、直观、方便地查看模板的样式并实时生成模板文件的json数据。本申请实施例可以通过JavaScript语句来实现实体对象的绘制,还可以通过拖拽的形式实现实体对象的绘制,例如可以使用拖拽形式添加路径、矩形、弧形、条形码和二维码。
参见图10,本申请实施例还提供了一种标签打印模板生成装置,所述装置包括:元素添加模块101,用于获取html文件,并在所述html文件中添加Canvas元素;对象绘制模块102,用于在所述Canvas元素上绘制实体对象组;数据获取模块103,用于根据所述实体对象组获取标签打印模板的json数据;文件发送模块104,用于将所述html文件发送至浏览器,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图,所述标签打印模板的效果图包括所述Canvas元素和所述实体对象组。
在一些可能的实现方式中,所述装置还可以包括绘制获取模块105,所述绘制获取模块105可以用于获取所述实体对象组的绘制数据;所述对象绘制模块102用于根据所述实体对象组的绘制数据,在所述Canvas元素上绘制所述实体对象组。
在一些可能的实现方式中,所述绘制获取模块105可以用于:获取模板样式文件并发送至用户的终端设备,所述模板样式文件用于提供所述实体对象组的绘制数据;接收所述实体对象组的绘制数据。
在一些可能的实现方式中,所述对象绘制模块102可以用于使用JavaScript语句在所述Canvas元素上绘制所述实体对象组。
在一些可能的实现方式中,所述数据获取模块103可以用于:使用JavaScript语句记录在所述Canvas元素上绘制所述实体对象组的绘制操作;根据所述绘制操作将所述实体对象组转换为所述标签打印模板的json数据。
在一些可能的实现方式中,所述html文件可以被所述浏览器解析后展示所述标签打印模板的效果图和所述标签打印模板的json数据。
在一些可能的实现方式中,所述对象绘制模块102还可以用于在所述Canvas元素上修改所述实体对象组中至少一个实体对象。
在一些可能的实现方式中,所述对象绘制模块102还可以用于使用JavaScript语句在所述Canvas元素上修改所述实体对象组中至少一个实体对象。
在一些可能的实现方式中,所述实体对象组可以包括路径、矩形、弧形、文字、条形码和二维码中的至少一种。
参见图11,本申请实施例还提供了一种电子设备200,电子设备200包括至少一个存储器210、至少一个处理器220以及连接不同平台系统的总线230。
存储器210可以包括易失性存储器形式的可读介质,例如随机存取存储器(RAM)211和/或高速缓存存储器212,还可以进一步包括只读存储器(ROM)213。
其中,存储器210还存储有计算机程序,计算机程序可以被处理器220执行,使得处理器220执行本申请实施例中标签打印模板生成方法的步骤(如图1所示)。存储器210还可以包括具有一组(至少一个)程序模块215的程序/实用工具214,这样的程序模块包括但不限于:操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。
相应的,处理器220可以执行上述计算机程序,以及可以执行程序/实用工具214。
总线230可以为表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器、外围总线、图形加速端口、处理器或者使用多种总线结构中的任意总线结构的局域总线。
电子设备200也可以与一个或多个外部设备240例如键盘、指向设备、蓝牙设备等通信,还可与一个或者多个能够与该电子设备200交互的设备通信,和/或与使得该电子设备200能与一个或多个其它计算设备进行通信的任何设备(例如路由器、调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口250进行。并且,电子设备200还可以通过网络适配器260与一个或者多个网络(例如局域网(LAN),广域网(WAN)和/或公共网络,例如因特网)通信。网络适配器260可以通过总线230与电子设备200的其它模块通信。应当明白,尽管图中未示出,可以结合电子设备200使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理器、外部磁盘驱动阵列、RAID系统、磁带驱动器以及数据备份存储平台等。
本申请实施例还提供了一种计算机可读存储介质,该计算机可读存储介质用于存储计算机程序,所述计算机程序被执行时实现本申请实施例中标签打印模板生成方法的步骤(如图1所示)。图12示出了本实施例提供的用于实现上述方法的程序产品300,其可以采用便携式紧凑盘只读存储器(CD-ROM)并包括程序代码,并可以在终端设备,例如个人电脑上运行。然而,本发明的程序产品300不限于此,在本文件中,可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。程序产品300可以采用一个或多个可读介质的任意组合。可读介质可以是可读信号介质或者可读存储介质。可读存储介质例如可以为但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。
计算机可读存储介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了可读程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。可读存储介质还可以是可读存储介质以外的任何可读介质,该可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。可读存储介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、有线、光缆、RF等等,或者上述的任意合适的组合。可以以一种或多种程序设计语言的任意组合来编写用于执行本发明操作的程序代码,程序设计语言包括面向对象的程序设计语言诸如Java、C++等,还包括常规的过程式程序设计语言诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算设备上执行、部分地在用户设备上执行、作为一个独立的软件包执行、部分在用户计算设备上部分在远程计算设备上执行、或者完全在远程计算设备或服务器上执行。在涉及远程计算设备的情形中,远程计算设备可以通过任意种类的网络,包括局域网(LAN)或广域网(WAN),连接到用户计算设备,或者,可以连接到外部计算设备(例如利用因特网服务提供商来通过因特网连接)。
本申请从使用目的上,效能上,进步及新颖性等观点进行阐述,其设置有的实用进步性,已符合专利法所强调的功能增进及使用要件,本申请以上的说明及附图,仅为本申请的较佳实施例而已,并非以此局限本申请,因此,凡一切与本申请构造,装置,特征等近似、雷同的,即凡依本申请专利申请范围所作的等同替换或修饰等,皆应属本申请的专利申请保护的范围之内。
Claims (10)
1.一种标签打印模板生成方法,其特征在于,所述方法包括:
获取html文件,并在所述html文件中添加Canvas元素;
在所述Canvas元素上绘制实体对象组;
根据所述实体对象组获取标签打印模板的json数据;
将所述html文件发送至浏览器,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图,所述标签打印模板的效果图包括所述Canvas元素和所述实体对象组。
2.根据权利要求1所述的标签打印模板生成方法,其特征在于,所述方法还包括:
获取所述实体对象组的绘制数据;
所述在所述Canvas元素上绘制实体对象组,包括:
根据所述实体对象组的绘制数据,在所述Canvas元素上绘制所述实体对象组。
3.根据权利要求2所述的标签打印模板生成方法,其特征在于,所述获取所述实体对象组的绘制数据,包括:
获取模板样式文件并发送至用户的终端设备,所述模板样式文件用于提供所述实体对象组的绘制数据;
接收所述实体对象组的绘制数据。
4.根据权利要求1所述的标签打印模板生成方法,其特征在于,所述在所述Canvas元素上绘制实体对象组,包括:
使用JavaScript语句在所述Canvas元素上绘制所述实体对象组。
5.根据权利要求1所述的标签打印模板生成方法,其特征在于,所述根据所述实体对象组获取标签打印模板的json数据,包括:
使用JavaScript语句记录在所述Canvas元素上绘制所述实体对象组的绘制操作;
根据所述绘制操作将所述实体对象组转换为所述标签打印模板的json数据。
6.根据权利要求1所述的标签打印模板生成方法,其特征在于,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图和所述标签打印模板的json数据。
7.根据权利要求1所述的标签打印模板生成方法,其特征在于,所述方法还包括:
在所述Canvas元素上修改所述实体对象组中至少一个实体对象。
8.根据权利要求7所述的标签打印模板生成方法,其特征在于,所述在所述Canvas元素上修改所述实体对象组中至少一个实体对象,包括:
使用JavaScript语句在所述Canvas元素上修改所述实体对象组中至少一个实体对象。
9.根据权利要求1所述的标签打印模板生成方法,其特征在于,所述实体对象组包括路径、矩形、弧形、文字、条形码和二维码中的至少一种。
10.一种标签打印模板生成装置,其特征在于,所述装置包括:
元素添加模块,用于获取html文件,并在所述html文件中添加Canvas元素;
对象绘制模块,用于在所述Canvas元素上绘制实体对象组;
数据获取模块,用于根据所述实体对象组获取标签打印模板的json数据;
文件发送模块,用于将所述html文件发送至浏览器,所述html文件被所述浏览器解析后展示所述标签打印模板的效果图,所述标签打印模板的效果图包括所述Canvas元素和所述实体对象组。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010699609.8A CN111783414A (zh) | 2020-07-20 | 2020-07-20 | 标签打印模板生成方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202010699609.8A CN111783414A (zh) | 2020-07-20 | 2020-07-20 | 标签打印模板生成方法及装置 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN111783414A true CN111783414A (zh) | 2020-10-16 |
Family
ID=72764374
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202010699609.8A Pending CN111783414A (zh) | 2020-07-20 | 2020-07-20 | 标签打印模板生成方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN111783414A (zh) |
Cited By (7)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112506450A (zh) * | 2020-12-08 | 2021-03-16 | 杭州贝嘟科技有限公司 | 水洗唛的生成方法、装置、电子装置和存储介质 |
CN113157220A (zh) * | 2021-03-05 | 2021-07-23 | 上海中通吉网络技术有限公司 | 一种打印模板生成方法、装置和设备 |
CN114132091A (zh) * | 2021-10-27 | 2022-03-04 | 青岛海尔科技有限公司 | 一种条码打印方法及装置 |
CN114296660A (zh) * | 2021-12-24 | 2022-04-08 | 徐工汉云技术股份有限公司 | 一种基于Vue框架的标签打印方法 |
CN114780044A (zh) * | 2022-04-26 | 2022-07-22 | 北京太格时代自动化系统设备有限公司 | 一种高速铁路牵引变电所工作票打印方法 |
CN116384359A (zh) * | 2022-12-30 | 2023-07-04 | 广州拓威天海国际物流有限公司 | 一种标签制定的方法及装置 |
CN117236356A (zh) * | 2023-11-15 | 2023-12-15 | 冠骋信息技术(苏州)有限公司 | 基于web的标签在线设计及打印方法 |
Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030058469A1 (en) * | 2001-09-26 | 2003-03-27 | International Business Machines Corporation | Method and apparatus for printing XML directly using a formatting template |
CN105204853A (zh) * | 2015-09-14 | 2015-12-30 | 新浪网技术(中国)有限公司 | 一种网页浏览器的Canvas绘图方法及装置 |
CN110347349A (zh) * | 2019-05-21 | 2019-10-18 | 平安银行股份有限公司 | 浏览器中打印指定内容的方法、装置和计算机设备 |
CN110851092A (zh) * | 2019-11-15 | 2020-02-28 | 厦门商集网络科技有限责任公司 | 一种b/s构架下基于打印模板的自定义打印方法和系统 |
CN111045615A (zh) * | 2019-12-19 | 2020-04-21 | 厦门商集网络科技有限责任公司 | 一种在浏览器端自定义js模板的打印方法及系统 |
-
2020
- 2020-07-20 CN CN202010699609.8A patent/CN111783414A/zh active Pending
Patent Citations (5)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20030058469A1 (en) * | 2001-09-26 | 2003-03-27 | International Business Machines Corporation | Method and apparatus for printing XML directly using a formatting template |
CN105204853A (zh) * | 2015-09-14 | 2015-12-30 | 新浪网技术(中国)有限公司 | 一种网页浏览器的Canvas绘图方法及装置 |
CN110347349A (zh) * | 2019-05-21 | 2019-10-18 | 平安银行股份有限公司 | 浏览器中打印指定内容的方法、装置和计算机设备 |
CN110851092A (zh) * | 2019-11-15 | 2020-02-28 | 厦门商集网络科技有限责任公司 | 一种b/s构架下基于打印模板的自定义打印方法和系统 |
CN111045615A (zh) * | 2019-12-19 | 2020-04-21 | 厦门商集网络科技有限责任公司 | 一种在浏览器端自定义js模板的打印方法及系统 |
Cited By (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN112506450A (zh) * | 2020-12-08 | 2021-03-16 | 杭州贝嘟科技有限公司 | 水洗唛的生成方法、装置、电子装置和存储介质 |
CN113157220A (zh) * | 2021-03-05 | 2021-07-23 | 上海中通吉网络技术有限公司 | 一种打印模板生成方法、装置和设备 |
CN114132091A (zh) * | 2021-10-27 | 2022-03-04 | 青岛海尔科技有限公司 | 一种条码打印方法及装置 |
CN114296660A (zh) * | 2021-12-24 | 2022-04-08 | 徐工汉云技术股份有限公司 | 一种基于Vue框架的标签打印方法 |
CN114780044A (zh) * | 2022-04-26 | 2022-07-22 | 北京太格时代自动化系统设备有限公司 | 一种高速铁路牵引变电所工作票打印方法 |
CN116384359A (zh) * | 2022-12-30 | 2023-07-04 | 广州拓威天海国际物流有限公司 | 一种标签制定的方法及装置 |
CN116384359B (zh) * | 2022-12-30 | 2024-03-26 | 广州拓威天海国际物流有限公司 | 一种标签制定的方法及装置 |
CN117236356A (zh) * | 2023-11-15 | 2023-12-15 | 冠骋信息技术(苏州)有限公司 | 基于web的标签在线设计及打印方法 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN111783414A (zh) | 标签打印模板生成方法及装置 | |
CN109801347B (zh) | 一种可编辑图像模板的生成方法、装置、设备和介质 | |
US9870522B2 (en) | Label printer API using LUA program scripting language | |
US8209598B1 (en) | Exporting electronic documents from rich internet applications | |
US9619440B2 (en) | Document conversion apparatus | |
JP2004157502A (ja) | フォントの選択方法 | |
EP1830275A1 (en) | Information distribution system | |
CN113158101A (zh) | 一种可视化页面渲染方法、装置、设备及存储介质 | |
US8687004B2 (en) | Font file with graphic images | |
CN111562911B (zh) | 一种网页编辑方法、装置及存储介质 | |
CN112198998A (zh) | 文本输入控制方法、相关装置、设备及介质 | |
Rahman et al. | Automatic summarization of web content to smaller display devices | |
US20150169508A1 (en) | Obfuscating page-description language output to thwart conversion to an editable format | |
US9501457B2 (en) | Creating a communication editable in a browser independent of platform and operating system | |
EP1744256A1 (en) | Document processing device and document processing method | |
CN115268904A (zh) | 一种用户界面设计文件生成方法、装置、设备及介质 | |
RU2398276C2 (ru) | Альтернативы анализа в контекстных деревьях | |
US20060212802A1 (en) | On demand data proxy | |
US20040225773A1 (en) | Apparatus and method for transmitting arbitrary font data to an output device | |
CN108133029B (zh) | 地图元素的调整方法、装置、设备及计算机可读存储介质 | |
JP5097117B2 (ja) | 画面要素の位置決め | |
CN114356291A (zh) | 基于配置文件生成表单的方法、装置、设备及介质 | |
CN114048174A (zh) | Ofd文档处理方法、装置及电子设备 | |
CN113377453A (zh) | 图片处理方法、装置与电子设备 | |
CN112800373A (zh) | 网页资源数据生成方法、装置、计算机设备及存储介质 |
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 |