[发明专利]基于浏览器画布的图片处理方法、系统、设备和介质在审
申请号: | 202011550231.1 | 申请日: | 2020-12-24 |
公开(公告)号: | CN112667128A | 公开(公告)日: | 2021-04-16 |
发明(设计)人: | 郭易 | 申请(专利权)人: | 携程旅游网络技术(上海)有限公司 |
主分类号: | G06F3/0483 | 分类号: | G06F3/0483;G06F3/0487;G06F9/451 |
代理公司: | 上海隆天律师事务所 31282 | 代理人: | 徐莉;钟宗 |
地址: | 200335 上海市长*** | 国省代码: | 上海;31 |
权利要求书: | 查看更多 | 说明书: | 查看更多 |
摘要: | |||
搜索关键词: | 基于 浏览器 画布 图片 处理 方法 系统 设备 介质 | ||
1.一种基于浏览器画布的图片处理方法,其特征在于,包括:
在浏览器中生成初始页面;
响应于所述初始页面的图片处理请求,获得所述初始页面的图片位置;
基于所述图片位置,生成叠加于图片区域的画布,所述画布包括对应图片边框的图片位;
根据所述图片位的鼠标操作,生成图片处理信息,将所述图片处理信息转化成页面刷新语句;以及
根据所述页面刷新语句,刷新所述初始页面,在所述浏览器中生成包含处理后的目标图片的更新页面。
2.如权利要求1所述的图片处理方法,其特征在于,生成所述更新页面之后,还包括:
关闭所述画布。
3.如权利要求1所述的图片处理方法,其特征在于,所述鼠标操作包括移动所述图片位的位置的第一处理操作和调整所述图片位的尺寸的第二处理操作。
4.如权利要求1所述的图片处理方法,其特征在于,所述画布还包括关联所述图片位的输入框,所述图片处理方法还包括:
根据所述输入框的第一输入参数,生成图片处理信息,所述第一输入参数包括对应所述图片位的位置移动参数和/或尺寸调整参数。
5.如权利要求1所述的图片处理方法,其特征在于,当所述图片位置包括对应多张图片的多组位置信息时,生成的所述画布包括对应每个图片边框的图片位和一关联所有图片位的批量输入框;
所述图片处理方法还包括:
根据所述批量输入框的第二输入参数,生成图片处理信息,所述第二输入参数包括对应所有图片位的位置移动参数和/或尺寸调整参数。
6.如权利要求1所述的图片处理方法,其特征在于,所述画布还包括关联所述图片位的替换框,所述图片处理方法还包括:
根据所述替换框的替换操作,获得导入图片,以所述导入图片替换所述图片位中的初始图片。
7.如权利要求1所述的图片处理方法,其特征在于,所述画布还包括关联所述图片位的下载框,所述图片处理方法还包括:
根据所述下载框的下载操作,以预设图片格式下载所述目标图片。
8.如权利要求1-7任一项所述的图片处理方法,其特征在于,所述画布透明叠加于所述图片区域。
9.如权利要求1所述的图片处理方法,其特征在于,所述初始页面中设有图片处理触发区域,当监测到所述图片处理触发区域的点击操作,发出所述图片处理请求。
10.一种基于浏览器画布的图片处理系统,其特征在于,包括:
页面加载模块,用于在浏览器中生成初始页面;
处理触发模块,用于响应于所述初始页面的图片处理请求,获得所述初始页面的图片位置;
画布创建模块,用于基于所述图片位置,生成叠加于图片区域的画布,所述画布包括对应图片边框的图片位;
语句转化模块,用于根据所述图片位的鼠标操作,生成图片处理信息,将所述图片处理信息转化成页面刷新语句;以及
页面刷新模块,用于根据所述页面刷新语句,刷新所述初始页面,在所述浏览器中生成包含处理后的目标图片的更新页面。
11.一种电子设备,其特征在于,包括:
一处理器;
一存储器,所述存储器中存储有可执行指令;
其中,所述可执行指令被所述处理器执行时,实现如权利要求1-9任一项所述的基于浏览器画布的图片处理方法。
12.一种计算机可读的存储介质,用于存储程序,其特征在于,所述程序被执行时实现如权利要求1-9任一项所述的基于浏览器画布的图片处理方法。
该专利技术资料仅供研究查看技术是否侵权等信息,商用须获得专利权人授权。该专利全部权利属于携程旅游网络技术(上海)有限公司,未经携程旅游网络技术(上海)有限公司许可,擅自商用是侵权行为。如果您想购买此专利、获得商业授权和技术合作,请联系【客服】
本文链接:http://www.vipzhuanli.com/pat/books/202011550231.1/1.html,转载请声明来源钻瓜专利网。