图片处理方法及装置制造方法及图纸

技术编号:28672272 阅读:31 留言:0更新日期:2021-06-02 02:47
本说明书提供图片处理方法及装置,其中所述图片处理方法包括:接收图片处理请求,所述图片处理请求中携带有待处理图片;在图片处理区域显示所述待处理图片,并确定所述待处理图片在所述图片处理区域的临界距离;响应于针对所述待处理图片的处理操作,确定所述处理操作的类型,在所述处理操作的类型满足预设处理条件时,确定所述待处理图片的移动距离;基于所述待处理图片的移动距离与所述临界距离的关联关系,在所述图片处理区域处理所述待处理图片。

【技术实现步骤摘要】
图片处理方法及装置
本说明书涉及计算机
,特别涉及一种图片处理方法。本说明书同时涉及一种图片处理装置,一种计算设备,以及一种计算机可读存储介质。
技术介绍
随着计算机领域的不断发展,网页游戏是一种新兴起的游戏形式,以游戏简单、操作方便、无需安装等优势逐渐被用户所喜爱。其中,在网页端的绘图游戏中,需要对图片进行移动以及缩放,然而在HTML5(HyperTextMarkupLanguage,超文本标记语言)的画布元素中却没有图片查看功能,不能够在基于HTML5的画布元素制作的各种程序内对图片进行图片处理(例如移动和缩放),使得用户对待处理图片的处理效率较差,也为用户带来的较差的游戏体验。
技术实现思路
有鉴于此,本说明书实施例提供了一种图片处理方法。本说明书同时涉及一种图片处理装置,一种计算设备,以及一种计算机可读存储介质,以解决现有技术中存在的基于HTML5的画布元素制作的各种程序内不能对图片进行移动和缩放的问题。根据本说明书实施例的第一方面,提供了一种图片处理方法,包括:接收图片处理请求,所述图片处理请本文档来自技高网...

【技术保护点】
1.一种图片处理方法,其特征在于,包括:/n接收图片处理请求,所述图片处理请求中携带有待处理图片;/n在图片处理区域显示所述待处理图片,并确定所述待处理图片在所述图片处理区域的临界距离;/n响应于针对所述待处理图片的处理操作,确定所述处理操作的类型,在所述处理操作的类型满足预设处理条件时,确定所述待处理图片的移动距离;/n基于所述待处理图片的移动距离与所述临界距离的关联关系,在所述图片处理区域处理所述待处理图片。/n

【技术特征摘要】
1.一种图片处理方法,其特征在于,包括:
接收图片处理请求,所述图片处理请求中携带有待处理图片;
在图片处理区域显示所述待处理图片,并确定所述待处理图片在所述图片处理区域的临界距离;
响应于针对所述待处理图片的处理操作,确定所述处理操作的类型,在所述处理操作的类型满足预设处理条件时,确定所述待处理图片的移动距离;
基于所述待处理图片的移动距离与所述临界距离的关联关系,在所述图片处理区域处理所述待处理图片。


2.根据权利要求1所述的图片处理方法,其特征在于,所述确定所述待处理图片的移动距离,包括:
获取所述待处理图片的结束位置坐标、所述图片处理区域的目标位置坐标、所述待处理图片的长度以及所述待处理图片的宽度;
基于所述结束位置坐标、所述图片处理区域的目标位置坐标、所述待处理图片的长度以及所述待处理图片的宽度,通过预设算法计算所述待处理图片的移动距离。


3.根据权利要求1或2所述的图片处理方法,其特征在于,所述基于所述待处理图片的移动距离与所述临界距离的关联关系,在所述图片处理区域处理所述待处理图片,包括:
基于所述待处理图片的移动距离与第一临界距离的关联关系,在所述图片处理区域处理所述待处理图片;或者
基于所述待处理图片的移动距离与第二临界距离的关联关系,在所述图片处理区域处理所述待处理图片,其中,所述第二临界距离基于所述第一临界距离确定的。


4.根据权利要求3所述的图片处理方法,其特征在于,所述基于所述待处理图片的移动距离与第一临界距离的关联关系,在所述图片处理区域处理所述待处理图片,包括:
在所述待处理图片的移动距离小于等于所述第一临界距离的情况下,根据所述第一临界距离按照预设算法,计算获得所述待处理图片的回弹处理位置;
基于所述回弹处理位置移动所述待处理图片,并基于所述回弹处理位置在所述图片处理区域确定第一待处理区域,且在所述第一待处理区域处理所述待处理图片。


5.根据权利要求1所述的图片处理方法,其特征在于,所述在所述处理操作的类型满足预设处理条件时之后,还包括:
确定所述用户针对所述待处理图片在所述图片处理区域的开始触控点坐标和结束触控点坐标;
基于所述开始触控点坐标和所述结束触控点坐标计算所述用户在所述待处理图片的操作距离。


6.根据权利要求3所述的图片处理方法,其特征在于,所述基于所述待处理图片的移动距离与所述临界距离的关联关系,在所述图片处理区域处理所述待处理图片,包括:
在所述待处理图片的移动距离大于所述第一临界距离,且小于等于所述第二临界距离的情况下,基于所述用户在所述待处理图片的操作距离和所述预设移动系数计算所述待处理图片的实际移动距离;
基于所述待处理图片的实际移动距离移动所述待处理图片,并基于所述待处理图片的实际移动距离在所述图片处理区域确定第二待处理区域,且在所述第二待处理区域处理所述待处图片。


7.根据...

【专利技术属性】
技术研发人员:侯效雷
申请(专利权)人:上海哔哩哔哩科技有限公司
类型:发明
国别省市:上海;31

网友询问留言 已有0条评论
  • 还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。

1