[发明专利]一种边框自调整方法及装置在审
申请号: | 202110885338.X | 申请日: | 2021-08-03 |
公开(公告)号: | CN113538630A | 公开(公告)日: | 2021-10-22 |
发明(设计)人: | 黄金;张腾;胥涛;何思民;张文浡;李杨洲 | 申请(专利权)人: | 北京中网易企秀科技有限公司;成都中网易企秀科技有限公司 |
主分类号: | G06T11/60 | 分类号: | G06T11/60 |
代理公司: | 北京集佳知识产权代理有限公司 11227 | 代理人: | 李伟 |
地址: | 100193 北京市海淀区*** | 国省代码: | 北京;11 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 一种 边框 调整 方法 装置 | ||
本申请提供一种边框自调整方法及装置,首先通过表单编辑器设置待调整边框图以及裁切位置;然后根据所述裁切位置对所述待调整边框图进行裁切,将所述待调整边框图裁成九宫格对应的九个裁剪块,包括一个中间元素块、四个角块和四个边框;最后按照预先设置的设定参数对所述九个裁剪块进行设定,以实现所述待调整边框图的自调整。本申请可以对复杂边框进行可配置的设置,实现中间元素的自适应以及添加角图。
技术领域
本申请涉及数据处理技术领域,特别的,尤其涉及一种边框自调整方法及装置。
背景技术
目前,浏览器上通常看到的边框如图1中两种形式,如图1所示,一种是简单的线条边框(1a),另一种是虚线边框(1b),其边框均可设置其颜色和粗细。而对于图2中的这种复杂边框来说,如图2所示,大多数采用的是中间元素(图片)作为背景来设置的,而若需要改变中间元素,则需要提供一张新的图片,无法根据中间元素的宽度来自动变化。
发明内容
鉴于上述内容中的问题,本申请提供了一种边框自调整方法及装置,用以实现配合中间元素来自适应生成复杂边框。
为了实现上述目的,本申请提供了以下技术方案:
一种边框自调整方法,包括:
通过表单编辑器设置待调整边框图以及裁切位置;
根据所述裁切位置对所述待调整边框图进行裁切,将所述待调整边框图裁成九宫格对应的九个裁剪块,包括一个中间元素块、四个角块和四个边框;
按照预先设置的设定参数对所述九个裁剪块进行设定,以实现所述待调整边框图的自调整。
进一步的,所述通过表单编辑器设置待调整边框图以及裁切位置,包括:
使用层叠样式表中的预设属性来设置所述待调整边框图以及所述裁切位置。
进一步的,所述按照预先设置的设定参数对所述九个裁剪块进行设定,以实现所述待调整边框图的自调整,包括:
对四个所述角块进行设定,并添加对应的角图;
对四个所述边框进行设定,并设置对应的伸缩方式;
在所述中间元素块上面设置透明块,对中间元素进行设定,所述透明块的大小与中间元素的大小相同;
按照预设渲染方式将所述角图、所述边框以及所述中间元素进行渲染,实现所述待调整边框图的自调整。
一种边框自调整装置,包括:
第一处理单元,用于通过表单编辑器设置待调整边框图以及裁切位置;
第二处理单元,用于根据所述裁切位置对所述待调整边框图进行裁切,将所述待调整边框图裁成九宫格对应的九个裁剪块,包括一个中间元素块、四个角块和四个边框;
第三处理单元,用于按照预先设置的设定参数对所述九个裁剪块进行设定,以实现所述待调整边框图的自调整。
进一步的,所述第一处理单元用于:
使用层叠样式表中的预设属性来设置所述待调整边框图以及所述裁切位置。
进一步的,所述第三处理单元用于:
对四个所述角块进行设定,并添加对应的角图;
对四个所述边框进行设定,并设置对应的伸缩方式;
在所述中间元素块上面设置透明块,对中间元素进行设定,所述透明块的大小与中间元素的大小相同;
按照预设渲染方式将所述角图、所述边框以及所述中间元素进行渲染,实现所述待调整边框图的自调整。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于北京中网易企秀科技有限公司;成都中网易企秀科技有限公司,未经北京中网易企秀科技有限公司;成都中网易企秀科技有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202110885338.X/2.html,转载请声明来源钻瓜专利网。