本发明专利技术公开了一种文件元素的绘制方法及其装置、电子设备及存储介质，涉及金融科技领域或其他相关领域，其中，该绘制方法包括：接收元素绘制请求，获取设计稿文件标识指示的设计稿文件的结构化信息，并解析结构化信息，得到预设结构信息，基于预设结构信息，读取与待绘制页面标识匹配的目标图层信息，基于目标图层信息，绘制目标元素。本发明专利技术解决了相关技术中无法单独导出待展示的元素的技术问题。无法单独导出待展示的元素的技术问题。无法单独导出待展示的元素的技术问题。
【技术实现步骤摘要】
文件元素的绘制方法及其装置、电子设备及存储介质
[0001]本专利技术涉及金融科技领域，具体而言，涉及一种文件元素的绘制方法及其装置、电子设备及存储介质。
技术介绍
[0002]相关技术中，浏览器展示设计稿文件时，通常依赖设计软件插件导出渲染图与标注信息，由于设计软件插件导出的渲染图是位图，放大会模糊，而且渲染图是每个设计稿文件导出一张图，无法单独控制显示个别元素。
[0003]针对上述的问题，目前尚未提出有效的解决方案。
技术实现思路
[0004]本专利技术实施例提供了一种文件元素的绘制方法及其装置、电子设备及存储介质，以至少解决相关技术中无法单独导出待展示的元素的技术问题。
[0005]根据本专利技术实施例的一个方面，提供了一种文件元素的绘制方法，包括：接收元素绘制请求，其中，所述元素绘制请求至少包括：设计稿文件标识、待绘制页面标识；获取所述设计稿文件标识指示的设计稿文件的结构化信息，并解析所述结构化信息，得到预设结构信息，其中，所述预设结构信息至少包括：每个页面关联的页面标识以及图层信息；基于所述预设结构信息，读取与所述待绘制页面标识匹配的目标图层信息；基于所述目标图层信息，绘制目标元素。
[0006]可选地，获取所述设计稿文件标识指示的设计稿文件的结构化信息的步骤，包括：确定构成所述设计稿文件的页面数组，其中，所述页面数组中的每个页面对应一张设计图；确定构成所述页面的图层结构；基于所述页面数组以及所述图层结构，得到所述设计稿文件的所述结构化信息。
[0007]可选地，在解析所述结构化信息，得到预设结构信息之前，还包括：基于所述结构化信息，依次读取每个所述页面的页面信息，其中，所述页面信息至少包括：页面标识；读取所述页面中的所述图层结构的图层信息，并将所述图层信息与所述页面标识进行关联。
[0008]可选地，在读取所述页面中的所述图层结构的图层信息之后，还包括：解析所述图层信息，得到所述图层结构的图层类型以及所述图层结构的图层属性；将所述图层属性在文件环境的第一属性值转化为在预设环境的第二属性值；依据预设数据结构，组装所述图层结构的所述第二属性值以及所述图层类型，得到所述预设结构信息。
[0009]可选地，基于所述预设结构信息，读取与所述待绘制页面标识匹配的目标图层信息的步骤，包括：基于所述预设结构信息，查询与所述待绘制页面标识相匹配的所述页面标识；将所述页面标识指示的所述图层信息表征为所述目标图层信息。
[0010]可选地，基于所述目标图层信息，绘制目标元素的步骤，包括：基于所述目标图层信息，确定所述图层结构的所述图层类型；加载与所述图层类型对应的绘制器；采用所述绘制器，将所述图层结构的所述第二属性值转化为绘制语句；基于所述绘制语句，在预设画布
上绘制所述目标元素。
[0011]可选地，在基于所述目标图层信息，绘制目标元素之后，还包括：在所述目标元素绘制完成的情况下，展示所述目标元素，其中，所述展示的展示类型包括：放大类型、选择显示类型。
[0012]根据本专利技术实施例的另一方面，还提供了一种文件元素的绘制装置，包括：接收单元，用于接收元素绘制请求，其中，所述元素绘制请求至少包括：设计稿文件标识、待绘制页面标识；获取单元，用于获取所述设计稿文件标识指示的设计稿文件的结构化信息，并解析所述结构化信息，得到预设结构信息，其中，所述预设结构信息至少包括：每个页面关联的页面标识以及图层信息；读取单元，用于基于所述预设结构信息，读取与所述待绘制页面标识匹配的目标图层信息；绘制单元，用于基于所述目标图层信息，绘制目标元素。
[0013]可选地，所述获取单元包括：第一确定模块，用于确定构成所述设计稿文件的页面数组，其中，所述页面数组中的每个页面对应一张设计图；第二确定模块，用于确定构成所述页面的图层结构；第一输出模块，用于基于所述页面数组以及所述图层结构，得到所述设计稿文件的所述结构化信息。
[0014]可选地，所述绘制装置还包括：第一读取模块，用于在解析所述结构化信息，得到预设结构信息之前，基于所述结构化信息，依次读取每个所述页面的页面信息，其中，所述页面信息至少包括：页面标识；第二读取模块，用于读取所述页面中的所述图层结构的图层信息，并将所述图层信息与所述页面标识进行关联。
[0015]可选地，所述绘制装置还包括：第一解析模块，用于在读取所述页面中的所述图层结构的图层信息之后，解析所述图层信息，得到所述图层结构的图层类型以及所述图层结构的图层属性；第一转化模块，用于将所述图层属性在文件环境的第一属性值转化为在预设环境的第二属性值；第一组装模块，用于依据预设数据结构，组装所述图层结构的所述第二属性值以及所述图层类型，得到所述预设结构信息。
[0016]可选地，所述读取单元包括：第一查询模块，用于基于所述预设结构信息，查询与所述待绘制页面标识相匹配的所述页面标识；第一表征模块，用于将所述页面标识指示的所述图层信息表征为所述目标图层信息。
[0017]可选地，所述绘制单元包括：第三确定模块，用于基于所述目标图层信息，确定所述图层结构的所述图层类型；第一加载模块，用于加载与所述图层类型对应的绘制器；第二转化模块，用于采用所述绘制器，将所述图层结构的所述第二属性值转化为绘制语句；第一绘制模块，用于基于所述绘制语句，在预设画布上绘制所述目标元素。
[0018]可选地，所述绘制装置还包括：第一展示模块，用于在基于所述目标图层信息，绘制目标元素之后，在所述目标元素绘制完成的情况下，展示所述目标元素，其中，所述展示的展示类型包括：放大类型、选择显示类型。
[0019]根据本专利技术实施例的另一方面，还提供了一种计算机可读存储介质，所述计算机可读存储介质包括存储的计算机程序，其中，在所述计算机程序运行时控制所述计算机可读存储介质所在设备执行上述文件元素的绘制方法。
[0020]根据本专利技术实施例的另一方面，还提供了一种电子设备，包括一个或多个处理器和存储器，所述存储器用于存储一个或多个程序，其中，当所述一个或多个程序被所述一个或多个处理器执行时，使得所述一个或多个处理器实现上述文件元素的绘制方法。
[0021]在本公开中，接收元素绘制请求，获取设计稿文件标识指示的设计稿文件的结构化信息，并解析结构化信息，得到预设结构信息，基于预设结构信息，读取与待绘制页面标识匹配的目标图层信息，基于目标图层信息，绘制目标元素。在本公开中，可以根据元素绘制请求携带的设计稿文件标识，获取相应的设计稿文件的结构化信息，然后解析该结构化信息，以得到预设结构信息，再根据预设结构信息，读取与元素绘制请求携带的待绘制页面标识匹配的目标图层信息，之后根据目标图层信息，绘制目标元素，以对目标元素进行展示，能够单独绘制出相应的元素并进行单独展示，进而解决了相关技术中无法单独导出待展示的元素的技术问题。
附图说明
[0022]此处所说明的附图用来提供对本专利技术的进一步理解，构成本申请的一部分，本专利技术的示意性实施例及其说明用于解释本专利技术，并不构成对本本文档来自技高网...
【技术保护点】
【技术特征摘要】
1.一种文件元素的绘制方法，其特征在于，包括：接收元素绘制请求，其中，所述元素绘制请求至少包括：设计稿文件标识、待绘制页面标识；获取所述设计稿文件标识指示的设计稿文件的结构化信息，并解析所述结构化信息，得到预设结构信息，其中，所述预设结构信息至少包括：每个页面关联的页面标识以及图层信息；基于所述预设结构信息，读取与所述待绘制页面标识匹配的目标图层信息；基于所述目标图层信息，绘制目标元素。2.根据权利要求1所述的绘制方法，其特征在于，获取所述设计稿文件标识指示的设计稿文件的结构化信息的步骤，包括：确定构成所述设计稿文件的页面数组，其中，所述页面数组中的每个页面对应一张设计图；确定构成所述页面的图层结构；基于所述页面数组以及所述图层结构，得到所述设计稿文件的所述结构化信息。3.根据权利要求2所述的绘制方法，其特征在于，在解析所述结构化信息，得到预设结构信息之前，还包括：基于所述结构化信息，依次读取每个所述页面的页面信息，其中，所述页面信息至少包括：页面标识；读取所述页面中的所述图层结构的图层信息，并将所述图层信息与所述页面标识进行关联。4.根据权利要求3所述的绘制方法，其特征在于，在读取所述页面中的所述图层结构的图层信息之后，还包括：解析所述图层信息，得到所述图层结构的图层类型以及所述图层结构的图层属性；将所述图层属性在文件环境的第一属性值转化为在预设环境的第二属性值；依据预设数据结构，组装所述图层结构的所述第二属性值以及所述图层类型，得到所述预设结构信息。5.根据权利要求4所述的绘制方法，其特征在于，基于所述预设结构信息，读取与所述待绘制页面标识匹配的目标图层信息的步骤，包括：基于所述预设结构信息，查询与所述待绘制页面标识相匹配的所述页...
【专利技术属性】
技术研发人员：刘泱，林相相，詹娇淑，徐晓琳，
申请(专利权)人：中国工商银行股份有限公司，
类型：发明
国别省市：
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。