CN104793837B - 图形生成方法及装置 - Google Patents
图形生成方法及装置 Download PDFInfo
- Publication number
- CN104793837B CN104793837B CN201410026069.1A CN201410026069A CN104793837B CN 104793837 B CN104793837 B CN 104793837B CN 201410026069 A CN201410026069 A CN 201410026069A CN 104793837 B CN104793837 B CN 104793837B
- Authority
- CN
- China
- Prior art keywords
- stamp
- pattern
- pattern diagram
- style
- edge
- 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.)
- Active
Links
Landscapes
- User Interface Of Digital Computer (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明公开一种图形生成方法及装置,本发明实施例基于浏览器渲染web页面中的html结构和层叠样式表,生成邮票边框图形;比如,利用层叠样式表中的径向渐变样式图,将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形;本发明实施例生成的邮票边缘格式的图形为层叠样式表生成的矢量图,替代了传统的位图文件作为背景且数据处理简单、快速,节约了系统处理资源,提高了数据处理效率,同时该图形占用的体积也比较小。
Description
技术领域
本发明涉及浏览器技术,尤其涉及一种针对邮票边缘这种样式的图形生成方法及装置。
背景技术
针对邮票这种特殊用途的图形,因其边缘样式的固定性和特殊性,目前制作邮票时通常会使用PNG(Portable Network Graphic,可移植的网络图象文件格式)、JPG(JointPicture Group,一种图像压缩格式)、GIF(Graphics Interchange Format,图形交换格式)等格式的锯齿形图形作为背景;由于不确定邮票中内容图形的大小,因此分别在上下左右四个方向利用4张锯齿形的图形作为邮票的背景图形。这种处理方式中,邮票背景图形自身存在较大的文件体积,且上述邮票背景图形由4张锯齿形图形组成而不是完整的一张图形,因此根据上述背景图形制作邮票图形的过程中,需要同时对4张图形进行处理,操作繁琐,浪费系统处理资源。
发明内容
鉴于以上内容,有必要提供一种针对邮票边缘样式的图形生成方法及装置,旨在生成一张文件体积小的邮票边缘样式图形。
本发明实施例公开了一种图形生成方法,包括以下步骤:
监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;
将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;
根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形。
本发明实施例还公开了一种图形生成装置,包括:
监控模块,用于监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;
设置模块,用于将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;
生成模块,用于根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形。
本发明实施例监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形;相较于现有技术中作为邮票边框的背景图形体积大且制作邮票时需使用4张背景图形拼合,本发明实施例生成的邮票边缘格式的图形为层叠样式表生成的矢量图,替代了传统的位图文件作为背景且数据处理简单、快速,节约了系统处理资源,提高了数据处理效率,同时该图形占用的体积也比较小。
附图说明
图1是本发明图形生成方法第一实施例流程示意图;
图2a是本发明图形生成方法中层叠样式表中的径向渐变样式图;
图2b是本发明图形生成方法中由径向渐变样式图修改颜色值后得到的均匀样式图;
图2c是本发明图形生成方法中邮票边缘样式的锯齿图形;
图3是本发明图形生成方法中通过调整均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形一实施例流程示意图;
图4是本发明图形生成方法中水平方向上的邮票边缘样式图;
图5是本发明图形生成方法中邮票边缘样式单元一实施例样式示例图;
图6是本发明图形生成方法第二实施例流程示意图;
图7是本发明图形生成方法中邮票图形一实施例样式示例图;
图8是本发明图形生成方法第三实施例流程示意图;
图9是本发明图形生成方法中其他样式锯齿图形示例图;
图10是本发明图形生成装置第一实施例功能模块示意图;
图11是本发明图形生成装置中生成模块一实施例功能模块示意图;
图12是本发明图形生成装置第二实施例功能模块示意图;
图13是本发明图形生成装置第三实施例功能模块示意图;
图14是本发明图形生成装置一实施例硬件结构示意图。
本发明实施例目的的实现、功能特点及优点将结合实施例,参照附图做进一步说明。
具体实施方式
以下结合说明书附图及具体实施例进一步说明本发明的技术方案。应当理解,此处所描述的具体实施例仅仅用以解释本发明,并不用于限定本发明。
本发明实施例提供一种图形生成方法第一实施例;如图1所示,本发明图形生成方法包括以下步骤:
步骤S01、监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;
本实施例图形生成方法中浏览器渲染web(网络)页面中的HTML(HypertextMarkup Language,超文本标记语言)结构和层叠样式表,生成邮票边框图形。浏览器实时监控是否接收到用户触发的生成邮票边缘样式图形的操作事件,若监控到用户触发的生成邮票边缘样式图形的操作事件时,浏览器执行用户触发的上述生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表比如CSS3(Cascading Style Sheets,层叠样式表)。由于浏览器的层叠样式表提供了最基本的径向渐变样式,因此可以利用浏览器的层叠样式表中的径向渐变样式图来生成具有邮票边缘样式的图形,浏览器调用的层叠样式表中的径向渐变样式图如图2a所示。
步骤S02、将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;
由于浏览器的层叠样式表中提供的最基本的径向渐变样式图中,该径向渐变样式图的颜色是渐变的,因此该径向渐变样式图中对应的颜色值肯定也是不同的,为了得到均匀的实心圆形样式图,将上述径向渐变样式图中的颜色值统一设置为相同的颜色值,得到同一图形中颜色均匀的均匀圆形样式图,由图2a的径向渐变样式图得到的颜色值相同的均匀圆形样式图如图2b所示。
步骤S03、根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形。
浏览器根据预先设置的参数值,设置步骤S02中生成的均匀圆形样式图,并对应调整该均匀圆形样式图对应的属性参数;本实施例中,所述预设参数值是根据邮票边缘样式对应的图形的参数值预先设置的;比如,设置该均匀圆形样式图在竖直方向或者水平方向上的偏移值、设置该均匀圆形样式图中圆形对应的颜色值以及圆形背景对应的颜色值等;对上述均匀圆形样式图的属性参数调整完成后,以调整完成后的均匀圆形样式图作为组成该邮票边缘样式的图形的最小组成单元,生成具备邮票边缘样式的锯齿图形如图2c所示。
进一步地,本实施例中浏览器生成的上述邮票边缘样式的锯齿图形为矢量图;由于该锯齿图形仅仅为组成邮票的一个边框,因此,该边框将根据组成邮票的内容图形的大小来适应性地调整上述锯齿图形,而矢量图将不会随着邮票内容图形的大小进行缩放而影响该锯齿图形自身的清晰度。
另外,本实施例对所述图形生成方法的上述步骤S01、S02和S03的执行顺序不做限定,也就是说上述步骤S01、S02和S03的执行可以不分先后顺序来执行,本实施例强调的是所述图形生成方法中步骤S01、S02和S03执行过程的组合效果。
本发明实施例监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形;相较于现有技术中作为邮票边框的背景图形体积大且制作邮票时需使用4张背景图形拼合,本发明实施例生成的邮票边缘格式的图形为层叠样式表生成的矢量图,替代了传统的位图文件作为背景且数据处理简单、快速,节约了系统处理资源,提高了数据处理效率,同时该图形占用的体积也比较小。
本发明实施例还提供了一种通过调整均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形一实施例。
基于图1所述实施例,如图3所示,本发明图形生成方法中,图1所述实施例中步骤S03、根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形,包括:
步骤S11、根据预设参数值,调整所述均匀圆形样式图对应的属性参数,得到第一方向对应的邮票边缘样式图;
浏览器根据预先设置的参数值,调整如图2b所示的均匀圆形样式图所对应的图形属性参数,根据调整后的图形属性参数,首先生成其中一个方向上对应的邮票边缘样式图;按照组成邮票图形的边框对应的平面图来划分,可以将邮票边缘样式的锯齿图形分为上下左右四个方向所分别对应的四个部分。比如根据用户的操作习惯,浏览器首先生成水平方向对应的邮票边缘样式图,该水平方向对应的邮票边缘样式图如图4所示。
步骤S12、修改第一方向邮票边缘样式图的方向值,得到与所述第一方向邮票边缘样式图垂直的第二方向邮票边缘样式图;
由于邮票边缘样式的锯齿图形的对称性,可以根据步骤S11生成的水平方向的邮票边缘样式图,得到组成该邮票边缘样式的锯齿图形的其他方向的邮票边缘样式图,从而组合得到该邮票边缘样式的锯齿图形。由于步骤S11中得到了第一方向邮票边缘样式图,因此可以通过修改该第一方向邮票边缘样式图的方向值,得到与该第一方向邮票边缘样式图垂直的第二方向邮票边缘样式图。
若步骤S11中首先生成了如图4所示的水平方向对应的邮票边缘样式图,则通过修改图4所示的邮票边缘样式图,得到与图4所示的邮票边缘样式图垂直的竖直方向的邮票边缘样式图。
步骤S13、分别镜像相互垂直的所述第一方向邮票边缘样式图和第二方向邮票边缘样式图,生成邮票边缘样式的所述锯齿图形。
分别镜像相互垂直的上述第一方向邮票边缘样式图和第二方向邮票边缘样式图,这样一来便得到了四个方向的邮票边缘样式图,根据得到的四个方向对应的邮票边缘样式图很容易组合得到对应的邮票边缘样式锯齿图形;比如,浏览器生成如图2c所示的邮票边缘样式的锯齿图形。
进一步地,本实施例中,浏览器根据预设参数值,调整所述均匀圆形样式图对应的属性参数,得到第一方向对应的邮票边缘样式图可以通过以下方式实现:
浏览器设置图2b所示的均匀圆形样式图在竖直方向上所述预设参数值对应的偏移值,得到如图5所示的邮票边缘样式单元;将得到的图5所示的邮票边缘样式单元嵌入浏览器的图形容器中,并在所述图形容器的水平方向上设置预设个数的所述邮票边缘样式单元,得到图4所示的水平方向对应的所述邮票边缘样式图。本实施例中,所述图形容器可以理解为:浏览器利用HTML(Hypertext Markup Language,超文本标记语言)的块元素(比如div元素)作为预设的一图形容器,从而将生成的图5所示的邮票边缘样式单元应用在该图形容器中。
进一步地,本实施例中,在浏览器图形容器的水平方向上设置预设个数的所述邮票边缘样式单元,得到水平方向对应的所述邮票边缘样式图,包括:
在所述图形容器中通过设置所述层叠样式表的属性,在水平方向上生成预设个数的所述邮票边缘样式单元;设置所述邮票边缘样式单元的颜色值,由所述邮票边缘样式单元组成水平方向上的所述邮票边缘样式图。比如,通过设置CSS3的back-ground-size(背景尺寸)属性,重复生成预设个数的图5所示的邮票边缘样式单元;设置生成的上述邮票边缘样式单元的颜色值,比如根据普遍使用的邮票图形边缘,将图5所示的各邮票边缘样式单元中的半圆图形对应的颜色设置为透明色,将对应的半圆形的背景颜色设置为白色,从而得到与图4所示相同形状的水平方向上的邮票边缘样式图。
本实施例通过设置组成邮票边缘样式图的邮票边缘样式单元来生成对应的邮票边缘样式图,操作简单、快捷,且便于修改生成的邮票边缘样式图。
本发明实施例还提供了图形生成方法第二实施例;该实施例与图1所述实施例的区别是,根据图1所述实施例生成的邮票边缘样式的锯齿图形,生成对应的邮票图形。
基于图1所述实施例的具体描述,如图6所示,本发明图形生成方法在步骤S03、根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形,之后还包括:
步骤S04、将邮票边缘样式的所述锯齿图形以边框的形式附加在预设图形的四周,生成对应的邮票图形。
浏览器生成邮票边缘样式的锯齿图形后,接收到用户触发的生成邮票图形的操作指令时,响应上述生成邮票图形的操作指令,将步骤S03生成的邮票边缘样式的锯齿图形以边框的形式附加在预设图形的四周,生成对应的邮票图形;比如,生成如图7所示的邮票图形。所述预设图形为用户触发的生成邮票图形的操作指令所对应的图形。
本实施例中,浏览器基于用户触发的邮票图形生成操作指令,可以使用伪元素或者实体元素将上述锯齿图形以边框的形式附加在上述预设图形的四周;其中使用伪元素时,将进一步减小生成的邮票图形的体积。
本实施例中,用户触发生成邮票图形的操作指令包括但不限于以下两种方式:一种方式为,用户基于浏览器提供的用户操作界面上的操作控件,选择一张预设图形制作邮票;该预设图形可以为本地存储的图形或者云服务器存储的图形或者通过终端摄像头临时拍摄的图形。另一种方式为,用户基于浏览器图形显示页面上显示的多张预设图形所触发的上述操作指令;在这种方式下,浏览器可以根据用户的操作指令将上述页面上包括的所有预设图形一次性生成对应的多张邮票图形,且浏览器可以将上述邮票边缘样式的锯齿图形作为边框智能地适配不同尺寸的各种预设图形。
本实施例中浏览器智能地将邮票边缘样式的锯齿图形适应不同尺寸的预设图形从而生成对应的邮票图形,降低了图形适配的成本,同时提高了邮票图形制作的智能性。
本发明实施例还提供了图形生成方法第三实施例;本实施例与图1所述实施例的区别是,可以通过修改锯齿图形对应的属性参数,来得到不同样式的锯齿图形,而无需重新生成图形。
基于图1所述实施例,如图8所示,本发明图形生成方法在步骤S03、根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形,之后还包括:
步骤S05、修改所述锯齿图形对应的属性参数,得到不同样式的锯齿图形。
本实施例中,可以通过修改步骤S03得到的邮票边缘样式的锯齿图形的属性参数,比如修改该锯齿图形对应的颜色值、在竖直方向和水平方向的偏移值、该锯齿图形中圆形图形的尺寸参数、该圆形图形对应的背景图形的尺寸参数、背景图形的颜色值等,从而得到不同样式的锯齿图形;比如,修改图2c所示的锯齿图形对应的属性参数后,得到图9所示的其他样式的锯齿图形。
本实施例中通过修改已生成的锯齿图形的属性参数即可得到其他样式的锯齿图形,无需重新绘制对应的图形,节约了处理时间。
本发明实施例还提供了一种图形生成装置第一实施例;如图10所示,本发明图形生成装置包括:监控模块01、设置模块02和生成模块03。
监控模块01,用于监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;
本实施例图形生成装置利用浏览器渲染web页面中的HTML结构和层叠样式表,生成邮票边框图形。监控模块01实时监控是否接收到用户触发的生成邮票边缘样式图形的操作事件,若监控模块01监控到用户触发的生成邮票边缘样式图形的操作事件时,监控模块01执行用户触发的上述生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表比如CSS3。由于浏览器的层叠样式表提供了最基本的径向渐变样式,因此可以利用浏览器的层叠样式表中的径向渐变样式图来生成具有邮票边缘样式的图形,监控模块01调用的层叠样式表中的径向渐变样式图如图2a所示。
设置模块02,用于将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;
由于浏览器的层叠样式表中提供的最基本的径向渐变样式图中,该径向渐变样式图的颜色是渐变的,因此该径向渐变样式图中对应的颜色值肯定也是不同的,为了得到均匀的实心圆形样式图,设置模块02将上述径向渐变样式图中的颜色值统一设置为相同的颜色值,得到同一图形中颜色均匀的均匀圆形样式图,由图2a的径向渐变样式图得到的颜色值相同的均匀圆形样式图如图2b所示。
生成模块03,用于根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形。
生成模块03根据预先设置的参数值,调整设置模块02中生成的均匀圆形样式图,并对应调整该均匀圆形样式图对应的属性参数;本实施例中,所述预设参数值是根据邮票边缘样式对应的图形的参数值预先设置的;比如,生成模块03设置该均匀圆形样式图在竖直方向或者水平方向上的偏移值、设置该均匀圆形样式图中圆形对应的颜色值以及圆形背景对应的颜色值等;对上述均匀圆形样式图的属性参数调整完成后,以调整完成后的均匀圆形样式图作为组成该邮票边缘样式的图形的最小组成单元,生成模块03生成具备邮票边缘样式的锯齿图形如图2c所示。
进一步地,本实施例中生成模块03生成的上述邮票边缘样式的锯齿图形为矢量图;由于该锯齿图形仅仅为组成邮票的一个边框,因此,该边框将根据组成邮票的内容图形的大小来适应性地调整上述锯齿图形,而矢量图将不会随着邮票内容图形的大小进行缩放而影响该锯齿图形自身的清晰度。
另外,本实施例对所述图形生成装置中,监控模块01、设置模块02和生成模块03完成各自对应功能时所对应的执行顺序不做限定,也就是说上述监控模块01、设置模块02和生成模块03的工作过程可以不分先后顺序来执行,本实施例强调的是所述图形生成装置中监控模块01、设置模块02和生成模块03执行过程的组合效果。
本发明实施例监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形;相较于现有技术中作为邮票边框的背景图形体积大且制作邮票时需使用4张背景图形拼合,本发明实施例生成的邮票边缘格式的图形为层叠样式表生成的矢量图,替代了传统的位图文件作为背景且数据处理简单、快速,节约了系统处理资源,提高了数据处理效率,同时该图形占用的体积也比较小。
本发明实施例还提供了图形生成装置中生成模块03一实施例;如图11所示,本发明图形生成装置中生成模块03还包括:调整单元031、修改单元032和镜像单元033。
调整单元031,用于根据预设参数值,调整所述均匀圆形样式图对应的属性参数,得到第一方向对应的邮票边缘样式图;
调整单元031根据预先设置的参数值,调整如图2b所示的均匀圆形样式图所对应的图形属性参数,根据调整后的图形属性参数,首先生成其中一个方向上对应的邮票边缘样式图;按照组成邮票图形的边框对应的平面图来划分,可以将邮票边缘样式的锯齿图形分为上下左右四个方向所分别对应的四个部分。比如根据用户的操作习惯,调整单元031首先生成水平方向对应的邮票边缘样式图,该水平方向对应的邮票边缘样式图如图4所示。
修改单元032,用于修改第一方向邮票边缘样式图的方向值,得到与所述第一方向邮票边缘样式图垂直的第二方向邮票边缘样式图;
由于邮票边缘样式的锯齿图形的对称性,可以根据调整单元031生成的水平方向的邮票边缘样式图,修改单元032得到组成该邮票边缘样式的锯齿图形的其他方向的邮票边缘样式图,从而组合得到该邮票边缘样式的锯齿图形。由于调整单元031得到了第一方向邮票边缘样式图,因此修改单元032可以通过修改该第一方向邮票边缘样式图的方向值,得到与该第一方向邮票边缘样式图垂直的第二方向邮票边缘样式图。
若调整单元031首先生成了如图4所示的水平方向对应的邮票边缘样式图,则修改单元032通过修改图4所示的邮票边缘样式图,得到与图4所示的邮票边缘样式图垂直的竖直方向的邮票边缘样式图。
镜像单元033,用于分别镜像相互垂直的所述第一方向邮票边缘样式图和第二方向邮票边缘样式图,生成邮票边缘样式的所述锯齿图形。
镜像单元033分别镜像相互垂直的上述第一方向邮票边缘样式图和第二方向邮票边缘样式图,这样一来便得到了四个方向的邮票边缘样式图,根据得到的四个方向对应的邮票边缘样式图很容易组合得到对应的邮票边缘样式锯齿图形;比如,镜像单元033生成如图2c所示的邮票边缘样式的锯齿图形。
进一步地,本实施例中,调整单元031根据预设参数值,调整所述均匀圆形样式图对应的属性参数,得到第一方向对应的邮票边缘样式图可以通过以下方式实现:
调整单元031设置图2b所示的均匀圆形样式图在竖直方向上所述预设参数值对应的偏移值,得到如图5所示的邮票边缘样式单元;将得到的图5所示的邮票边缘样式单元嵌入浏览器的图形容器中,并在所述图形容器的水平方向上设置预设个数的所述邮票边缘样式单元,得到图4所示的水平方向对应的所述邮票边缘样式图。本实施例中,所述图形容器可以理解为:浏览器利用HTML(Hypertext Markup Language,超文本标记语言)的块元素(比如div元素)作为预设的一图形容器,从而将生成的图5所示的邮票边缘样式单元应用在该图形容器中。
进一步地,本实施例中,调整单元031在浏览器图形容器的水平方向上设置预设个数的所述邮票边缘样式单元,得到水平方向对应的所述邮票边缘样式图,包括:
在所述图形容器中通过设置所述层叠样式表的属性,调整单元031在水平方向上生成预设个数的所述邮票边缘样式单元;调整单元031设置所述邮票边缘样式单元的颜色值,由所述邮票边缘样式单元组成水平方向上的所述邮票边缘样式图。比如,通过设置CSS3的back-ground-size属性,调整单元031重复生成预设个数的图5所示的邮票边缘样式单元;调整单元031设置生成的上述邮票边缘样式单元的颜色值,比如根据普遍使用的邮票图形边缘,调整单元031将图5所示的各邮票边缘样式单元中的半圆图形对应的颜色设置为透明色,将对应的半圆形的背景颜色设置为白色,从而得到与图4所示相同形状的水平方向上的邮票边缘样式图。
本实施例通过设置组成邮票边缘样式图的邮票边缘样式单元来生成对应的邮票边缘样式图,操作简单、快捷,且便于修改生成的邮票边缘样式图。
本发明实施例还提供了一种图形生成装置第二实施例;该实施例与图10所述实施例的区别是,根据图10所述实施例生成的邮票边缘样式的锯齿图形,生成对应的邮票图形。
如图12所示,本发明图形生成装置还包括:
邮票制作模块04,用于将邮票边缘样式的所述锯齿图形以边框的形式附加在预设图形的四周,生成对应的邮票图形。
生成模块03生成邮票边缘样式的锯齿图形后,接收到用户触发的生成邮票图形的操作指令时,邮票制作模块04响应上述生成邮票图形的操作指令,将生成模块03生成的邮票边缘样式的锯齿图形以边框的形式附加在预设图形的四周,生成对应的邮票图形;比如,邮票制作模块04生成如图7所示的邮票图形。所述预设图形为用户触发的生成邮票图形的操作指令所对应的图形。
本实施例中,邮票制作模块04基于用户触发的邮票图形生成操作指令,可以使用伪元素或者实体元素将上述锯齿图形以边框的形式附加在上述预设图形的四周;其中使用伪元素时,将进一步减小生成的邮票图形的体积。
本实施例中,用户触发生成邮票图形的操作指令包括但不限于以下两种方式:一种方式为,用户基于浏览器提供的用户操作界面上的操作控件,选择一张预设图形制作邮票;该预设图形可以为本地存储的图形或者云服务器存储的图形或者通过终端摄像头临时拍摄的图形。另一种方式为,用户基于浏览器图形显示页面上显示的多张预设图形所触发的上述操作指令;在这种方式下,邮票制作模块04可以根据用户的操作指令将上述页面上包括的所有预设图形一次性生成对应的多张邮票图形,且邮票制作模块04可以将上述邮票边缘样式的锯齿图形作为边框智能地适配不同尺寸的各种预设图形。
本实施例中浏览器智能地将邮票边缘样式的锯齿图形适应不同尺寸的预设图形从而生成对应的邮票图形,降低了图形适配的成本,同时提高了邮票图形制作的智能性。
本发明实施例还提供了一种图形生成装置第三实施例;如图13所示,本发明图形生成装置还包括:
样式变换模块05,用于修改所述锯齿图形对应的属性参数,得到不同样式的锯齿图形。
本实施例中,样式变换模块05可以通过修改生成模块03得到的邮票边缘样式的锯齿图形的属性参数,比如修改该锯齿图形对应的颜色值、在竖直方向和水平方向的偏移值、该锯齿图形中圆形图形的尺寸参数、该圆形图形对应的背景图形的尺寸参数、背景图形的颜色值等,从而得到不同样式的锯齿图形;比如,样式变换模块05修改图2c所示的锯齿图形对应的属性参数后,得到图9所示的其他样式的锯齿图形。
本实施例中通过修改已生成的锯齿图形的属性参数即可得到其他样式的锯齿图形,无需重新绘制对应的图形,节约了处理时间。
本发明实施例还提供了一种图形生成装置硬件结构示意图;如图14所示,本发明图形生成装置包括:处理器101、存储器102、用户接口103、网络接口104以及通信总线105。通信总线105用于图形生成装置中各组成部件之间的通信,用户接口103用于接收用户输入的信息,该用户接口可以为有线接口及无线接口,例如键盘、鼠标等。网络接口104用于验证图形生成装置与外部进行互相通信,该网络接口也可以包括有线接口及无线接口。存储器102可以包括一个或一个以上计算机可读存储介质,而且其不但包括内部存储器,还包括外部存储器。该存储器中存储有操作系统及图形生成应用程序等等。
处理器101用于调用存储器102中的图形生成应用程序,以执行以下操作:
处理器101通过用户接口103或者网络接口104监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;
处理器101通过所述通信总线105将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;
处理器101根据预设参数值,通过所述通信总线105调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形。
由于图形生成装置基于浏览器层叠样式表生成一张邮票边缘样式的锯齿图形,减小了图形占用的体积,提高了数据处理效率。
进一步地,处理器101还用于调用存储器102中的图形生成应用程序,以执行以下操作:
根据预设参数值,调整所述均匀圆形样式图对应的属性参数,得到第一方向对应的邮票边缘样式图;
修改第一方向邮票边缘样式图的方向值,得到与所述第一方向邮票边缘样式图垂直的第二方向邮票边缘样式图;
分别镜像相互垂直的所述第一方向邮票边缘样式图和第二方向邮票边缘样式图,生成邮票边缘样式的所述锯齿图形。
进一步地,处理器101还用于调用存储器102中的图形生成应用程序,以执行以下操作:
设置所述均匀圆形样式图在竖直方向上所述预设参数值对应的偏移值,得到邮票边缘样式单元;
将所述邮票边缘样式单元嵌入浏览器的图形容器中,并在所述图形容器的水平方向上设置预设个数的所述邮票边缘样式单元,得到水平方向对应的所述邮票边缘样式图。
进一步地,处理器101还用于调用存储器102中的图形生成应用程序,以执行以下操作:
在所述图形容器中通过设置所述层叠样式表的属性,在水平方向上生成预设个数的所述邮票边缘样式单元;
设置所述邮票边缘样式单元的颜色值,由所述邮票边缘样式单元组成水平方向上的所述邮票边缘样式图。
进一步地,处理器101还用于调用存储器102中的图形生成应用程序,以执行以下操作:
将邮票边缘样式的所述锯齿图形以边框的形式附加在预设图形的四周,生成对应的邮票图形。
进一步地,处理器101还用于调用存储器102中的图形生成应用程序,以执行以下操作:
使用伪元素或者实体元素将所述锯齿图形以边框的形式附加在预设图形的四周。
进一步地,处理器101生成的所述锯齿图形为矢量图。
进一步地,处理器101还用于调用存储器102中的图形生成应用程序,以执行以下操作:
修改所述锯齿图形对应的属性参数,得到不同样式的锯齿图形。
图形生成装置执行用户触发的生成邮票图形操作,减少了图形适配成本;图形生成装置执行用户触发的生成不同样式的锯齿图形,无需重新制作对应的图形,整个执行过程操作简单且便捷,提高了人机的可交互性和图形生成装置的智能性。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者装置不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者装置所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括该要素的过程、方法、物品或者装置中还存在另外的相同要素。
上述本发明实施例序号仅仅为了描述,不代表实施例的优劣。
通过以上的实施方式的描述,本领域的技术人员可以清楚地了解到上述实施例方法可借助软件加必需的通用硬件平台的方式来实现,当然也可以通过硬件,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品存储在一个存储介质(如ROM/RAM、磁碟、光盘)中,包括若干指令用以使得一台终端设备(可以是手机,计算机,服务器,或者网络设备等)执行本发明各个实施例所述的方法。
以上所述仅为本发明的优选实施例,并非因此限制其专利范围,凡是利用本发明说明书及附图内容所作的等效结构或等效流程变换,直接或间接运用在其他相关的技术领域,均同理包括在本发明的专利保护范围内。
Claims (14)
1.一种图形生成方法,其特征在于,包括以下步骤:
监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;
将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;
根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形;
其中,所述根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形,包括:根据预设参数值,调整所述均匀圆形样式图对应的属性参数,得到第一方向对应的邮票边缘样式图;修改第一方向邮票边缘样式图的方向值,得到与所述第一方向邮票边缘样式图垂直的第二方向邮票边缘样式图;分别镜像相互垂直的所述第一方向邮票边缘样式图和第二方向邮票边缘样式图,生成邮票边缘样式的所述锯齿图形。
2.如权利要求1所述的方法,其特征在于,所述根据预设参数值,调整所述均匀圆形样式图对应的属性参数,得到第一方向对应的邮票边缘样式图,包括:
设置所述均匀圆形样式图在竖直方向上所述预设参数值对应的偏移值,得到邮票边缘样式单元;
将所述邮票边缘样式单元嵌入浏览器的图形容器中,并在所述图形容器的水平方向上设置预设个数的所述邮票边缘样式单元,得到水平方向对应的所述邮票边缘样式图。
3.如权利要求2所述的方法,其特征在于,所述在所述图形容器的水平方向上设置预设个数的所述邮票边缘样式单元,得到水平方向对应的所述邮票边缘样式图,包括:
在所述图形容器中通过设置所述层叠样式表的属性,在水平方向上生成预设个数的所述邮票边缘样式单元;
设置所述邮票边缘样式单元的颜色值,由所述邮票边缘样式单元组成水平方向上的所述邮票边缘样式图。
4.如权利要求1-3任一项所述的方法,其特征在于,所述根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形,之后还包括:
将邮票边缘样式的所述锯齿图形以边框的形式附加在预设图形的四周,生成对应的邮票图形。
5.如权利要求4所述的方法,其特征在于,所述将邮票边缘样式的所述锯齿图形以边框的形式附加在预设图形的四周,包括:
使用伪元素或者实体元素将所述锯齿图形以边框的形式附加在预设图形的四周。
6.如权利要求1-3任一项所述的方法,其特征在于,所述锯齿图形为矢量图。
7.如权利要求1-3任一项所述的方法,其特征在于,所述根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形,之后还包括:
修改所述锯齿图形对应的属性参数,得到不同样式的锯齿图形。
8.一种图形生成装置,其特征在于,包括:
监控模块,用于监控到用户基于浏览器触发的生成邮票边缘样式图形的操作事件,调用浏览器层叠样式表中的径向渐变样式图;
设置模块,用于将所述径向渐变样式图对应的初始颜色值设置为相同颜色值,得到颜色值相同的均匀圆形样式图;
生成模块,用于根据预设参数值,调整所述均匀圆形样式图对应的属性参数,生成邮票边缘样式的锯齿图形;
其中,所述生成模块还包括:调整单元,用于根据预设参数值,调整所述均匀圆形样式图对应的属性参数,得到第一方向对应的邮票边缘样式图;修改单元,用于修改第一方向邮票边缘样式图的方向值,得到与所述第一方向邮票边缘样式图垂直的第二方向邮票边缘样式图;镜像单元,用于分别镜像相互垂直的所述第一方向邮票边缘样式图和第二方向邮票边缘样式图,生成邮票边缘样式的所述锯齿图形。
9.如权利要求8所述的装置,其特征在于,所述调整单元还用于:
设置所述均匀圆形样式图在竖直方向上所述预设参数值对应的偏移值,得到邮票边缘样式单元;
将所述邮票边缘样式单元嵌入浏览器的图形容器中,并在所述图形容器的水平方向上设置预设个数的所述邮票边缘样式单元,得到水平方向对应的所述邮票边缘样式图。
10.如权利要求9所述的装置,其特征在于,所述调整单元还用于:
在所述图形容器中通过设置所述层叠样式表的属性,在水平方向上生成预设个数的所述邮票边缘样式单元;
设置所述邮票边缘样式单元的颜色值,由所述邮票边缘样式单元组成水平方向上的所述邮票边缘样式图。
11.如权利要求8-10中任意一项所述的装置,其特征在于,还包括:
邮票制作模块,用于将邮票边缘样式的所述锯齿图形以边框的形式附加在预设图形的四周,生成对应的邮票图形。
12.如权利要求11所述的装置,其特征在于,所述邮票制作模块还用于:
使用伪元素或者实体元素将所述锯齿图形以边框的形式附加在预设图形的四周。
13.如权利要求8-10中任意一项所述的装置,其特征在于,所述锯齿图形为矢量图。
14.如权利要求8-10中任意一项所述的装置,其特征在于,还包括:
样式变换模块,用于修改所述锯齿图形对应的属性参数,得到不同样式的锯齿图形。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410026069.1A CN104793837B (zh) | 2014-01-20 | 2014-01-20 | 图形生成方法及装置 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201410026069.1A CN104793837B (zh) | 2014-01-20 | 2014-01-20 | 图形生成方法及装置 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN104793837A CN104793837A (zh) | 2015-07-22 |
CN104793837B true CN104793837B (zh) | 2018-05-04 |
Family
ID=53558677
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201410026069.1A Active CN104793837B (zh) | 2014-01-20 | 2014-01-20 | 图形生成方法及装置 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN104793837B (zh) |
Families Citing this family (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN109472740A (zh) * | 2017-09-08 | 2019-03-15 | 北京京东尚科信息技术有限公司 | 基于Web前端生成图形的方法和装置 |
CN108846815B (zh) * | 2018-06-19 | 2023-03-24 | 腾讯科技(深圳)有限公司 | 图像抗锯齿处理方法、装置和计算机设备 |
CN111198684A (zh) * | 2018-11-19 | 2020-05-26 | 阿里巴巴集团控股有限公司 | 数据处理、图形引擎建立的方法、装置、设备和介质 |
CN112241993B (zh) * | 2020-11-30 | 2021-03-02 | 成都完美时空网络技术有限公司 | 游戏图像处理方法、装置及电子设备 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102194003A (zh) * | 2011-05-26 | 2011-09-21 | 重庆猪八戒网络有限公司 | 一种网页弹窗方法及装置 |
CN102663126A (zh) * | 2012-04-23 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种在移动终端中显示网页的方法及装置 |
CN103076943A (zh) * | 2012-12-27 | 2013-05-01 | 北京小米科技有限责任公司 | 一种图标的转换方法和图标的转换装置 |
CN103179166A (zh) * | 2011-12-23 | 2013-06-26 | 腾讯科技(深圳)有限公司 | 在客户端中提供服务的方法和客户端 |
Family Cites Families (1)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US8468449B1 (en) * | 2011-12-08 | 2013-06-18 | Microsoft Corporation | Generating CSS shorthand properties |
-
2014
- 2014-01-20 CN CN201410026069.1A patent/CN104793837B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102194003A (zh) * | 2011-05-26 | 2011-09-21 | 重庆猪八戒网络有限公司 | 一种网页弹窗方法及装置 |
CN103179166A (zh) * | 2011-12-23 | 2013-06-26 | 腾讯科技(深圳)有限公司 | 在客户端中提供服务的方法和客户端 |
CN102663126A (zh) * | 2012-04-23 | 2012-09-12 | 奇智软件(北京)有限公司 | 一种在移动终端中显示网页的方法及装置 |
CN103076943A (zh) * | 2012-12-27 | 2013-05-01 | 北京小米科技有限责任公司 | 一种图标的转换方法和图标的转换装置 |
Non-Patent Citations (1)
Title |
---|
基于CSS技术的圆角矩形的实现;周建强;《忻州师范学院学报》;20101031;第26卷(第5期);第28-30页 * |
Also Published As
Publication number | Publication date |
---|---|
CN104793837A (zh) | 2015-07-22 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN105447204B (zh) | 网址识别方法和装置 | |
CN104793837B (zh) | 图形生成方法及装置 | |
CN105630478B (zh) | 一种实现页面切换的方法和装置 | |
CN105719240B (zh) | 图片处理的方法和装置 | |
JP5930497B2 (ja) | テンプレートファイルの処理方法及び装置 | |
US9342498B2 (en) | System and method for generating a design template based on graphical input | |
CN105528555A (zh) | 一种具有遮盖图的信息显示保护方法及信息发送方法 | |
CN105701165B (zh) | 浏览器模式切换方法及切换装置 | |
CN109643218A (zh) | 用户界面元素的动画 | |
CN106157344A (zh) | 验证图片的生成方法及装置 | |
US10025482B2 (en) | Image effect extraction | |
KR20150016565A (ko) | 애플리케이션의 문자를 조절하는 방법, 장치, 단말기, 프로그램 및 기록매체 | |
JP2014524623A5 (zh) | ||
CN112102445B (zh) | 楼盘海报制作方法、装置、设备及计算机可读存储介质 | |
JPWO2018203374A1 (ja) | 線画自動着色プログラム、線画自動着色装置及びグラフィカルユーザインターフェース用プログラム | |
CN105100447B (zh) | 一种应用属性的设置及消息处理方法、装置 | |
CN108111747A (zh) | 一种图像处理方法、终端设备及计算机可读介质 | |
CN109766155A (zh) | 一种弹框生成方法、装置及存储介质 | |
CN106293658B (zh) | 一种界面组件生成方法及其设备 | |
CN107678636A (zh) | 电子设备的页面展现方法和装置 | |
CN107817999A (zh) | 一种动态壁纸的生成方法及终端 | |
CN105678688B (zh) | 一种图片处理方法及装置 | |
CN112686939A (zh) | 景深图像的渲染方法、装置、设备及计算机可读存储介质 | |
CN106327550A (zh) | 浏览器主页推荐网站的图标生成方法及装置 | |
CN105183492A (zh) | 个性化对话框的形成方法及形成装置 |
Legal Events
Date | Code | Title | Description |
---|---|---|---|
C06 | Publication | ||
PB01 | Publication | ||
C10 | Entry into substantive examination | ||
SE01 | Entry into force of request for substantive examination | ||
GR01 | Patent grant | ||
GR01 | Patent grant |