CN112558849A - 一种图形模型生成方法、装置、设备及存储介质 - Google Patents
一种图形模型生成方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN112558849A CN112558849A CN202011431359.6A CN202011431359A CN112558849A CN 112558849 A CN112558849 A CN 112558849A CN 202011431359 A CN202011431359 A CN 202011431359A CN 112558849 A CN112558849 A CN 112558849A
- Authority
- CN
- China
- Prior art keywords
- graph
- slice
- width
- area
- generating
- 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
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
- G06F3/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0484—Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
-
- 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)
- General Engineering & Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- Databases & Information Systems (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Image Generation (AREA)
Abstract
本发明公开了一种图形模型生成方法、装置、设备及存储介质。该方法包括:根据图形的结构对所述图形的区域进行划分,得到至少两个区域;根据用户输入的截图指令,从每个区域中选取至少两个切片图形;获取主体内容的宽度;根据所述切片图形和所述宽度生成图形模型,通过本发明的技术方案,以实现能够通过一套CSS样式,解决不规则图形在各种屏幕上面的适配效果,增加界面的灵活性,降低代码的维护成本。
Description
技术领域
本发明实施例涉及图像处理技术领域,尤其涉及一种图形模型生成方法、装置、设备及存储介质。
背景技术
通常情况下前端开发者在制作界面的过程中,通过html页面布局和css样式表以及配合切图技术等将设计图中的各种图形显示在浏览器中,当实际开发中有复杂场景的需求,一般要通过编写多套css代码,然后用媒体查询技术,让页面根据不同屏幕分辨率来加载不同代码模块以实现适配不同屏幕的目的。但是像这类可以用样式和背景图编写出来的图形往往是有规则性的。
随着可视化项目的流行和页面自适应场景的越来越复杂化,设计图中开始出现很多不规则性的图形,使用css样式表中的宽度、高度以及背景图等不能实现图形的渲染,如果只是将整个图形作为背景图展示的话,宽度和高度值就是固定的,当结构里面的内容过多的时候,图形就会展示错乱。
发明内容
本发明实施例提供一种图形模型生成方法、装置、设备及存储介质,以实现能够通过一套CSS样式,解决不规则图形在各种屏幕上面的适配效果,增加界面的灵活性,降低代码的维护成本。
第一方面,本发明实施例提供了一种图形模型生成方法,包括:
根据图形的结构对所述图形的区域进行划分,得到至少两个区域;
根据用户输入的截图指令,从每个区域中选取至少两个切片图形;
获取主体内容的宽度;
根据所述切片图形和所述宽度生成图形模型。
第二方面,本发明实施例还提供了一种图形模型生成装置,该装置包括:
划分模块,用于根据图形的结构对所述图形的区域进行划分,得到至少两个区域;
选取模块,用于根据用户输入的截图指令,从每个区域中选取至少两个切片图形;
获取模块,用于获取主体内容的宽度;
生成模块,用于根据所述切片图形和所述宽度生成图形模型。
第三方面,本发明实施例还提供了一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,所述处理器执行所述程序时实现如本发明实施例中任一所述的方法。
第四方面,本发明实施例还提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本发明实施例中任一所述的方法。
本发明实施例通过根据图形的结构对所述图形的区域进行划分,得到至少两个区域;根据用户输入的截图指令,从每个区域中选取至少两个切片图形;获取主体内容的宽度;根据所述切片图形和所述宽度生成图形模型,以实现能够通过一套CSS样式,解决不规则图形在各种屏幕上面的适配效果,增加界面的灵活性,降低代码的维护成本。
附图说明
为了更清楚地说明本发明实施例的技术方案,下面将对实施例中所需要使用的附图作简单地介绍,应当理解,以下附图仅示出了本发明的某些实施例,因此不应被看作是对范围的限定,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他相关的附图。
图1是本发明实施例一中的一种图形模型生成方法的流程图;
图1a是本发明实施例中的一种不规则图形模型示意图;
图1b是本发明实施例中的对不规则图形模型进行划分后得到头部区域、主体区域和底部区域的示意图;
图1c是本发明实施例中的从头部区域中选取3个切片的示意图;
图1d是本发明实施例中的现有技术内容宽度超出图形模型的示意图;
图1e是本发明实施例中的图形模型随着内容宽度变化的示意图;
图2是本发明实施例二中的一种图形模型生成装置的结构示意图;
图3是本发明实施例三中的一种计算机设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部结构。
应注意到:相似的标号和字母在下面的附图中表示类似项,因此,一旦某一项在一个附图中被定义,则在随后的附图中不需要对其进行进一步定义和解释。同时,在本发明的描述中,术语“第一”、“第二”等仅用于区分描述,而不能理解为指示或暗示相对重要性。
实施例一
图1为本发明实施例一提供的一种图形模型生成方法的流程图,本实施例可适用于图形模型生成的情况,该方法可以由本发明实施例中的图形模型生成装置来执行,该装置可采用软件和/或硬件的方式实现,如图1所示,该方法具体包括如下步骤:
S110,根据图形的结构对所述图形的区域进行划分,得到至少两个区域。
其中,所述至少两个区域可以为根据图形的结构确定的区域,例如可以是,如图1a所示,图1a为图形,根据图形的结构进行划分,得到图1b所示的头部区域、主体区域和底部区域。
示例性的,根据图形的结构对所述图形的区域进行划分,得到至少两个区域,例如可以是,将所述图形区域划分为头部区域、主体区域和底部区域。
示例性的,根据图形的结构对所述图形的区域进行划分,得到至少两个区域的方式可以为,根据构成图形的点的坐标,确定图像的结构,根据图像的结构对图形的区域进行划分,得到至少两个区域。
S120,根据用户输入的截图指令,从每个区域中选取至少两个切片图形。
其中,所述切片图形可以为每个区域的一部分,所述切片图形的获取方式可以为通过PS工具,按照图1c中所分的切片1,切片2和切片3切出png格式的图片。
示例性的,根据用户输入的截图指令,从每个区域中选取至少两个切片图形,例如可以是,用户通过工具选取切片图形,如图1c所示,用户选出切片1,切片2和切片3,通过PS工具,按照图1c中所分的切片1,切片2和切片3切出png格式的图片。
S130,获取主体内容的宽度。
其中,所述主体内容为在模型中填充的内容。例如可以是,在主体区域填充的内容。
示例性的,获取主体内容的宽度的触发条件可以为用户点击目标控件,则获取主体内容的宽度,也可以为用户语音输入获取宽度指令,或者可以为其他触发条件,本发明实施例对此不进行限制。
S140,根据所述切片图形和所述宽度生成图形模型。
示例性的,根据所述切片图像和所述宽度生成图形模型的方式可以为,将中间的切片的宽度调整为预设宽度,所述预设宽度由所述主体内容的宽度决定,例如可以是,若主体内容的宽度为A,则将中间的切片的宽度调整为A。
可选的,根据图形的结构对所述图形的区域进行划分,得到至少两个区域包括:
若所述图形为不规则图形,则根据所述图形的结构对所述图形的区域进行划分,得到至少两个区域。
可选的,若所述图形为不规则图形,则根据所述图形的结构对所述图形的区域进行划分,得到至少两个区域包括:
若所述图形为不规则图形,则获取所述图形的不规则区域;
根据所述图形的不规则区域对所述图形的区域进行划分,得到头部区域、主体区域和底部区域。
可选的,根据用户输入的截图指令,从每个区域中选取至少两个切片图形,包括:
根据用户输入的截图指令,从头部区域截取第一切片图形、第二切片图形和第三切片图形,从主体区域截取第四切片图形、第五切片图形和第六切片图形,从底部区域截取第七切片图形、第八切片图形和第九切片图形。
可选的,根据所述切片图形和所述宽度生成图形模型包括:
根据所述宽度调整所述第二切片图形的宽度,得到第一目标切片图形;
根据所述第一目标切片图形、第一切片图形和第三切片图形生成头部区域图形模型;
根据所述宽度调整所述第五切片图形,得到第二目标切片图形;
根据所述第二目标切片图形、第四切片图形和第六切片图形生成主体区域图形模型;
根据所述宽度调整所述第八切片图形,得到第三目标切片图形;
根据所述第三目标切片图形、第七切片图形和第九切片图形生成底部区域图形模型;
根据所述头部区域图形模型、主体区域图形模型和底部区域图形模型生成图形模型。
可选的,根据所述切片图形和所述宽度生成图形模型包括:
针对所述至少两个切片图形编写HTML结构;
为编写完成的HTML结构添加CSS样式;
根据所述编写完成的HTML结构、CSS样式和所述宽度生成图形模型。
在一个具体的例子中,如图1a所示为不规则的盒子模型,针对该模型,自适应方案如下:观察图1a所示的盒子模型之后,如图1b所示,从上到下分三部分:头部,主体,底部;其中头部的高度为50像素。以头部为例,使用PS工具,按照图1c中所分的切片1,切片2,切片3,切出png格式的图片;(切片1图片大小为宽30像素,高50像素;切片2的图片大小为宽1像素,高50像素;切片3的图片大小为宽30像素,高50像素)。针对头部编写HTML结构,结构层次为左div包含右div,右div再包含中间div;写完div结构之后,继续为刚才所写的结构添加css样式,左边div的结构对应的背景图片是图1c中的切片1(宽30像素,高50像素),那么左边结构的样式要写高度50像素,用左内边距50像素代替宽度50像素,背景图为切片1.png;右边div的结构对应的背景图片是图1c中的切片3(宽30像素,高50像素),那么右边结构的样式要写高度50像素,用右内边距50像素代替宽度50像素,背景图为切片3.png;中间div的结构对应的背景图片是图1c中的切片2(宽1像素,高50像素),因为中间这个结构的宽度是自适应的,并不是固定的宽度,经过左右两个结构的左内边距和右边距样式之后,中间结构的宽度是靠主体内容的宽度撑起来的,样式只需写高度50像素,只不过要注意背景图片需要添加平铺属性。经过以上结构和样式的配合,该盒子模型的头部可成功自适应了。图1b中的主体和底部的自适应的原理和头部自适应的原理是相同的。
本发明实施例提供的技术方案能够满足适配各种屏幕的需求,现有技术中,若要满足适配各种屏幕的需求则需要不同屏幕分辨率下的图形以及前端开发者编写多套css样式。本发明实施例只需要写一套css样式就可以解决不规则图形在各种屏幕上面的适配效果,则能大大增加界面的灵活性,降低代码的维护成本。
本发明实施例解决的技术问题为让不规则图形在页面中可根据不同屏幕分辨率来实现适配不同屏幕的目的。
为实现上述目的,本发明实施例的解决方案是:提供一种实用的,便捷性的不规则图形自适应方案;实现各种复杂图形在不同屏幕分辨率的适配展示。本发明实施例具体包括以下步骤:页面复杂图形多样,做统一功能实现;使用简单,调用方式统一;规范配置方案,方便后期更新维护。
本发明实施例极大的提升了界面的灵活度,降低代码的冗余程度和开发成本,对于各种不规则图形,可以使用同样的html结构和css样式来实现适配不同屏幕的目的。
如图1d所示,在1600*900分辨率的屏幕中切出背景图,在1920*1080分辨率的屏幕中内容宽度超出结构,样式错乱。如图1e所示,采用不规则图形自适应方案后,无论屏幕分辨率怎么变化,样式都不会错乱。
本实施例的技术方案,通过根据图形的结构对所述图形的区域进行划分,得到至少两个区域;根据用户输入的截图指令,从每个区域中选取至少两个切片图形;获取主体内容的宽度;根据所述切片图形和所述宽度生成图形模型,以实现能够通过一套CSS样式,解决不规则图形在各种屏幕上面的适配效果,增加界面的灵活性,降低代码的维护成本。
实施例二
图2为本发明实施例二提供的一种图形模型生成装置的结构示意图。本实施例可适用于图形模型生成的情况,该装置可采用软件和/或硬件的方式实现,该装置可集成在任何提供图形模型生成功能的设备中,如图2所示,所述图形模型生成装置具体包括:划分模块210、选取模块220、获取模块230和生成模块240。
其中,划分模块,用于根据图形的结构对所述图形的区域进行划分,得到至少两个区域;
选取模块,用于根据用户输入的截图指令,从每个区域中选取至少两个切片图形;
获取模块,用于获取主体内容的宽度;
生成模块,用于根据所述切片图形和所述宽度生成图形模型。
上述产品可执行本发明任意实施例所提供的方法,具备执行方法相应的功能模块和有益效果。
本实施例的技术方案,通过根据图形的结构对所述图形的区域进行划分,得到至少两个区域;根据用户输入的截图指令,从每个区域中选取至少两个切片图形;获取主体内容的宽度;根据所述切片图形和所述宽度生成图形模型,以实现能够通过一套CSS样式,解决不规则图形在各种屏幕上面的适配效果,增加界面的灵活性,降低代码的维护成本。
实施例三
图3为本发明实施例三中的一种计算机设备的结构示意图。图3示出了适于用来实现本发明实施方式的示例性计算机设备12的框图。图3显示的计算机设备12仅仅是一个示例,不应对本发明实施例的功能和使用范围带来任何限制。
如图3所示,计算机设备12以通用计算设备的形式表现。计算机设备12的组件可以包括但不限于:一个或者多个处理器或者处理单元16,系统存储器28,连接不同系统组件(包括系统存储器28和处理单元16)的总线18。
总线18表示几类总线结构中的一种或多种,包括存储器总线或者存储器控制器,外围总线,图形加速端口,处理器或者使用多种总线结构中的任意总线结构的局域总线。举例来说,这些体系结构包括但不限于工业标准体系结构(Industry StandardArchitecture,ISA)总线,微通道体系结构(Micro Channel Architecture,MCA)总线,增强型ISA总线、视频电子标准协会(Video Electronics Standards Association,VESA)局域总线以及外围组件互连(Peripheral Component Interconnect,PCI)总线。
计算机设备12典型地包括多种计算机系统可读介质。这些介质可以是任何能够被计算机设备12访问的可用介质,包括易失性和非易失性介质,可移动的和不可移动的介质。
系统存储器28可以包括易失性存储器形式的计算机系统可读介质,例如随机存取存储器(Random Access Memory,RAM)30和/或高速缓存存储器32。计算机设备12可以进一步包括其它可移动/不可移动的、易失性/非易失性计算机系统存储介质。仅作为举例,存储系统34可以用于读写不可移动的、非易失性磁介质(图3未显示,通常称为“硬盘驱动器”)。尽管图3中未示出,可以提供用于对可移动非易失性磁盘(例如“软盘”)读写的磁盘驱动器,以及对可移动非易失性光盘(只读光盘(Compact Disc-Read Only Memory,CD-ROM)、数字视盘(Digital Video Disc-Read Only Memory,DVD-ROM)或者其它光介质)读写的光盘驱动器。在这些情况下,每个驱动器可以通过一个或者多个数据介质接口与总线18相连。存储器28可以包括至少一个程序产品,该程序产品具有一组(例如至少一个)程序模块,这些程序模块被配置以执行本发明各实施例的功能。
具有一组(至少一个)程序模块42的程序/实用工具40,可以存储在例如存储器28中,这样的程序模块42包括但不限于操作系统、一个或者多个应用程序、其它程序模块以及程序数据,这些示例中的每一个或某种组合中可能包括网络环境的实现。程序模块42通常执行本发明所描述的实施例中的功能和/或方法。
计算机设备12也可以与一个或多个外部设备14(例如键盘、指向设备、显示器24等)通信,还可与一个或者多个使得用户能与该计算机设备12交互的设备通信,和/或与使得该计算机设备12能与一个或多个其它计算设备进行通信的任何设备(例如网卡,调制解调器等等)通信。这种通信可以通过输入/输出(I/O)接口22进行。另外,本实施例中的计算机设备12,显示器24不是作为独立个体存在,而是嵌入镜面中,在显示器24的显示面不予显示时,显示器24的显示面与镜面从视觉上融为一体。并且,计算机设备12还可以通过网络适配器20与一个或者多个网络(例如局域网(Local Area Network,LAN),广域网Wide AreaNetwork,WAN)和/或公共网络,例如因特网)通信。如图所示,网络适配器20通过总线18与计算机设备12的其它模块通信。应当明白,尽管图中未示出,可以结合计算机设备12使用其它硬件和/或软件模块,包括但不限于:微代码、设备驱动器、冗余处理单元、外部磁盘驱动阵列、磁盘阵列(Redundant Arrays of Independent Disks,RAID)系统、磁带驱动器以及数据备份存储系统等。
处理单元16通过运行存储在系统存储器28中的程序,从而执行各种功能应用以及数据处理,例如实现本发明实施例所提供的图形模型生成方法:
根据图形的结构对所述图形的区域进行划分,得到至少两个区域;
根据用户输入的截图指令,从每个区域中选取至少两个切片图形;
获取主体内容的宽度;
根据所述切片图形和所述宽度生成图形模型。
实施例四
本发明实施例四提供了一种计算机可读存储介质,其上存储有计算机程序,该程序被处理器执行时实现如本申请所有发明实施例提供的图形模型生成方法:
根据图形的结构对所述图形的区域进行划分,得到至少两个区域;
根据用户输入的截图指令,从每个区域中选取至少两个切片图形;
获取主体内容的宽度;
根据所述切片图形和所述宽度生成图形模型。
可以采用一个或多个计算机可读的介质的任意组合。计算机可读介质可以是计算机可读信号介质或者计算机可读存储介质或者是上述两者的任意组合。计算机可读存储介质例如可以是但不限于电、磁、光、电磁、红外线、或半导体的系统、装置或器件,或者任意以上的组合。计算机可读存储介质的更具体的例子(非穷举的列表)包括:具有一个或多个导线的电连接、便携式计算机磁盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦式可编程只读存储器(EPROM或闪存)、光纤、便携式紧凑磁盘只读存储器(CD-ROM)、光存储器件、磁存储器件、或者上述的任意合适的组合。在本文件中,计算机可读存储介质可以是任何包含或存储程序的有形介质,该程序可以被指令执行系统、装置或者器件使用或者与其结合使用。
计算机可读的信号介质可以包括在基带中或者作为载波一部分传播的数据信号,其中承载了计算机可读的程序代码。这种传播的数据信号可以采用多种形式,包括但不限于电磁信号、光信号或上述的任意合适的组合。计算机可读的信号介质还可以是计算机可读存储介质以外的任何计算机可读介质,该计算机可读介质可以发送、传播或者传输用于由指令执行系统、装置或者器件使用或者与其结合使用的程序。
计算机可读介质上包含的程序代码可以用任何适当的介质传输,包括但不限于无线、电线、光缆、RF等等,或者上述的任意合适的组合。
在一些实施方式中,客户端、服务器可以利用诸如HTTP(HyperText TransferProtocol,超文本传输协议)之类的任何当前已知或未来研发的网络协议进行通信,并且可以与任意形式或介质的数字数据通信(例如,通信网络)互连。通信网络的示例包括局域网(“LAN”),广域网(“WAN”),网际网(例如,互联网)以及端对端网络(例如,ad hoc端对端网络),以及任何当前已知或未来研发的网络。
上述计算机可读介质可以是上述电子设备中所包含的;也可以是单独存在,而未装配入该电子设备中。
可以以一种或多种程序设计语言或其组合来编写用于执行本发明操作的计算机程序代码,所述程序设计语言包括面向对象的程序设计语言诸如Java、Smalltalk、C++,还包括常规的过程式程序设计语言—诸如“C”语言或类似的程序设计语言。程序代码可以完全地在用户计算机上执行、部分地在用户计算机上执行、作为一个独立的软件包执行、部分在用户计算机上部分在远程计算机上执行、或者完全在远程计算机或服务器上执行。在涉及远程计算机的情形中,远程计算机可以通过任意种类的网络包括局域网(LAN)或广域网(WAN)连接到用户计算机,或者,可以连接到外部计算机(例如利用因特网服务提供商来通过因特网连接)。
附图中的流程图和框图,图示了按照本公开各种实施例的系统、方法和计算机程序产品的可能实现的体系架构、功能和操作。在这点上,流程图或框图中的每个方框可以代表一个模块、程序段、或代码的一部分,该模块、程序段、或代码的一部分包含一个或多个用于实现规定的逻辑功能的可执行指令。也应当注意,在有些作为替换的实现中,方框中所标注的功能也可以以不同于附图中所标注的顺序发生。例如,两个接连地表示的方框实际上可以基本并行地执行,它们有时也可以按相反的顺序执行,这依所涉及的功能而定。也要注意的是,框图和/或流程图中的每个方框、以及框图和/或流程图中的方框的组合,可以用执行规定的功能或操作的专用的基于硬件的系统来实现,或者可以用专用硬件与计算机指令的组合来实现。
描述于本公开实施例中所涉及到的单元可以通过软件的方式实现,也可以通过硬件的方式来实现。其中,单元的名称在某种情况下并不构成对该单元本身的限定。
本文中以上描述的功能可以至少部分地由一个或多个硬件逻辑部件来执行。例如,非限制性地,可以使用的示范类型的硬件逻辑部件包括:现场可编程门阵列(FPGA)、专用集成电路(ASIC)、专用标准产品(ASSP)、片上系统(SOC)、复杂可编程逻辑设备(CPLD)等等。
在本公开的上下文中,机器可读介质可以是有形的介质,其可以包含或存储以供指令执行系统、装置或设备使用或与指令执行系统、装置或设备结合地使用的程序。机器可读介质可以是机器可读信号介质或机器可读储存介质。机器可读介质可以包括但不限于电子的、磁性的、光学的、电磁的、红外的、或半导体系统、装置或设备,或者上述内容的任何合适组合。机器可读存储介质的更具体示例会包括基于一个或多个线的电气连接、便携式计算机盘、硬盘、随机存取存储器(RAM)、只读存储器(ROM)、可擦除可编程只读存储器(EPROM或快闪存储器)、光纤、便捷式紧凑盘只读存储器(CD-ROM)、光学储存设备、磁储存设备、或上述内容的任何合适组合。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种图形模型生成方法,其特征在于,包括:
根据图形的结构对所述图形的区域进行划分,得到至少两个区域;
根据用户输入的截图指令,从每个区域中选取至少两个切片图形;
获取主体内容的宽度;
根据所述切片图形和所述宽度生成图形模型。
2.根据权利要求1所述的方法,其特征在于,根据图形的结构对所述图形的区域进行划分,得到至少两个区域包括:
若所述图形为不规则图形,则根据所述图形的结构对所述图形的区域进行划分,得到至少两个区域。
3.根据权利要求2所述的方法,其特征在于,若所述图形为不规则图形,则根据所述图形的结构对所述图形的区域进行划分,得到至少两个区域包括:
若所述图形为不规则图形,则获取所述图形的不规则区域;
根据所述图形的不规则区域对所述图形的区域进行划分,得到头部区域、主体区域和底部区域。
4.根据权利要求3所述的方法,其特征在于,根据用户输入的截图指令,从每个区域中选取至少两个切片图形,包括:
根据用户输入的截图指令,从头部区域截取第一切片图形、第二切片图形和第三切片图形,从主体区域截取第四切片图形、第五切片图形和第六切片图形,从底部区域截取第七切片图形、第八切片图形和第九切片图形。
5.根据权利要求4所述的方法,其特征在于,根据所述切片图形和所述宽度生成图形模型包括:
根据所述宽度调整所述第二切片图形的宽度,得到第一目标切片图形;
根据所述第一目标切片图形、第一切片图形和第三切片图形生成头部区域图形模型;
根据所述宽度调整所述第五切片图形,得到第二目标切片图形;
根据所述第二目标切片图形、第四切片图形和第六切片图形生成主体区域图形模型;
根据所述宽度调整所述第八切片图形,得到第三目标切片图形;
根据所述第三目标切片图形、第七切片图形和第九切片图形生成底部区域图形模型;
根据所述头部区域图形模型、主体区域图形模型和底部区域图形模型生成图形模型。
6.根据权利要求1所述的方法,其特征在于,根据所述切片图形和所述宽度生成图形模型包括:
针对所述至少两个切片图形编写HTML结构;
为编写完成的HTML结构添加CSS样式;
根据所述编写完成的HTML结构、CSS样式和所述宽度生成图形模型。
7.一种图形模型生成装置,其特征在于,包括:
划分模块,用于根据图形的结构对所述图形的区域进行划分,得到至少两个区域;
选取模块,用于根据用户输入的截图指令,从每个区域中选取至少两个切片图形;
获取模块,用于获取主体内容的宽度;
生成模块,用于根据所述切片图形和所述宽度生成图形模型。
8.根据权利要求7所述的装置,其特征在于,所述划分模块具体用于:
若所述图形为不规则图形,则根据所述图形的结构对所述图形的区域进行划分,得到至少两个区域。
9.一种计算机设备,包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序,其特征在于,所述处理器执行所述程序时实现如权利要求1-6中任一所述的方法。
10.一种计算机可读存储介质,其上存储有计算机程序,其特征在于,该程序被处理器执行时实现如权利要求1-6中任一所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011431359.6A CN112558849A (zh) | 2020-12-07 | 2020-12-07 | 一种图形模型生成方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202011431359.6A CN112558849A (zh) | 2020-12-07 | 2020-12-07 | 一种图形模型生成方法、装置、设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN112558849A true CN112558849A (zh) | 2021-03-26 |
Family
ID=75059953
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202011431359.6A Pending CN112558849A (zh) | 2020-12-07 | 2020-12-07 | 一种图形模型生成方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN112558849A (zh) |
Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101656037A (zh) * | 2008-08-18 | 2010-02-24 | 高德软件有限公司 | 在小屏幕设备上显示大幅面图片的方法、小屏幕设备 |
KR20100024636A (ko) * | 2008-08-26 | 2010-03-08 | 엘지디스플레이 주식회사 | 영상 표시 장치의 결함 보상 영역 생성 방법 |
CN103236042A (zh) * | 2013-04-27 | 2013-08-07 | 崔红保 | 图片自适应处理方法及装置 |
CN106204439A (zh) * | 2016-06-28 | 2016-12-07 | 乐视控股(北京)有限公司 | 图片自适应处理的方法和系统 |
CN109117229A (zh) * | 2018-08-03 | 2019-01-01 | 西安蜂语信息科技有限公司 | 屏幕分区域显示方法及装置 |
CN111738917A (zh) * | 2019-06-06 | 2020-10-02 | 北京京东尚科信息技术有限公司 | 一种图片伸缩方法、装置、设备和存储介质 |
-
2020
- 2020-12-07 CN CN202011431359.6A patent/CN112558849A/zh active Pending
Patent Citations (6)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN101656037A (zh) * | 2008-08-18 | 2010-02-24 | 高德软件有限公司 | 在小屏幕设备上显示大幅面图片的方法、小屏幕设备 |
KR20100024636A (ko) * | 2008-08-26 | 2010-03-08 | 엘지디스플레이 주식회사 | 영상 표시 장치의 결함 보상 영역 생성 방법 |
CN103236042A (zh) * | 2013-04-27 | 2013-08-07 | 崔红保 | 图片自适应处理方法及装置 |
CN106204439A (zh) * | 2016-06-28 | 2016-12-07 | 乐视控股(北京)有限公司 | 图片自适应处理的方法和系统 |
CN109117229A (zh) * | 2018-08-03 | 2019-01-01 | 西安蜂语信息科技有限公司 | 屏幕分区域显示方法及装置 |
CN111738917A (zh) * | 2019-06-06 | 2020-10-02 | 北京京东尚科信息技术有限公司 | 一种图片伸缩方法、装置、设备和存储介质 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US10540744B2 (en) | Flexible control in resizing of visual displays | |
US8878851B2 (en) | Method and system for streaming documents, e-mail attachments and maps to wireless devices | |
JP4700423B2 (ja) | 形状を使用する共通チャーティング | |
US10423527B2 (en) | Memory management and image display for mobile devices | |
AU2011264509B2 (en) | Adaptive image rendering and use of imposter | |
KR20210038461A (ko) | 스크린 프로젝션 방법, 장치, 기기 및 저장 매체 | |
CN111209422A (zh) | 图像显示方法、装置、电子设备及存储介质 | |
EP3828766A2 (en) | Method, apparatus, sotrage medium and program for generating image | |
US9360339B2 (en) | Rendering maps with canvas elements | |
CN111915705A (zh) | 图片可视化编辑方法、装置、设备和介质 | |
US9646362B2 (en) | Algorithm for improved zooming in data visualization components | |
CN113495933A (zh) | 一种矢量瓦片显示方法及系统 | |
US20080165207A1 (en) | Method and System for Manipulating Graphical Images | |
US9501812B2 (en) | Map performance by dynamically reducing map detail | |
CN113282852A (zh) | 编辑网页的方法和装置 | |
CN110569460B (zh) | 推送信息展示方法、装置及存储介质 | |
CN112558849A (zh) | 一种图形模型生成方法、装置、设备及存储介质 | |
US9483237B2 (en) | Method and system for providing an image effects interface | |
AU2016266083A1 (en) | Method, system and apparatus for displaying an electronic document | |
CN111143018A (zh) | 一种前端图像渲染方法、装置和电子设备 | |
KR101430964B1 (ko) | 디스플레이 제어방법 | |
CN114647804A (zh) | 一种界面渲染方法、装置、设备及可读存储介质 | |
CN116955740A (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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20210326 |