[发明专利]图片处理方法、装置、设备及存储介质

说明书

本发明实施例公开了一种图片处理方法、装置、设备及存储介质。包括：获取图片处理参数；根据所述图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。本发明实施例提供的图片处理方法，根据图片处理参数用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，不仅可以提高图片处理的速度，也可以防止图片失真。

技术领域

本发明实施例涉及图像处理技术领域，尤其涉及一种图片处理方法、装置、设备及存储介质。

背景技术

当今随着互联网技术的不断发展，用户对于页面人机交互以及页面美观程度的要求越来越高，前端技术不断演进，当前的前端已不再是可有可无的附属品，反而更加朝着专业化和标准化发展。随着用户对页面效果的不断追求，直接在页面操作图片，根据场景对图片进行处理也成为前端工程师的工作范畴，然而由于在不同使用场景下，需要使用不同的技术处理图片，导致学习成本提高。

在互联网、移动互联和5G时代，前端技术得到迅速发展，随着可视化技术的不断发展，HTML5规范中的画布(英语：Canvas)或是可缩放矢量图形(英语：Scalable VectorGraphics，SVG)，都提供了强大的图片处理和数据可视化功能，包括图片的剪裁、拉伸、改变颜色、设置动画等。但由于canvas通过引入图片的方式来处理图片的，图片被引入在canvas的容器中，所以无法使用层叠样式表(Cascading Style Sheets，CSS)来控制图片的其他样式，只能通过脚本语言来驱动。而且由于使用的图片都是位图，而位图在改变尺寸时会出现图片失真的问题，所以在需要频繁变更尺寸以及无法使用脚本语言的场景使用canvas处理图片就会显得比较乏力。SVG的缺陷在于处理大量图片时会占用大量资源，以及响应速度会变慢。

发明内容

本发明实施例提供一种图片处理方法、装置、设备及存储介质，不仅可以提高图片处理的速度，也可以防止图片失真。

第一方面，本发明实施例提供了一种图片处理方法，包括：

获取图片处理参数；

根据所述图片处理参数调用canvas画布方式和/或可缩放矢量图形SVG方式对待处理图片进行处理，获得目标图片。

进一步地，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：

将待处理图片导入canvas画布和/或可缩放矢量图形SVG；

根据所述图片处理参数调用canvas画布方式和/或SVG方式中的应用程序接口；

基于所述应用程序接口对所述待处理图片进行处理。

进一步地，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：

若根据图片处理参数确定的处理方式为先调用canvas画布方式后调用SVG方式；则将将待处理图片导入canvas画布进行处理，获得第一图片；

将所述第一图片转换为SVG格式的图片信息；

将所述SVG格式的图片信息导入SVG方式进行处理。

进一步地，根据所述图片处理参数调用canvas画布和/或可缩放矢量图形SVG对待处理图片进行处理，包括：

若根据图片处理参数确定的处理方式为先调用SVG方式后调用canvas画布方式；则将将待处理图片导入canvas进行处理，获得第二图片信息；

将所述第二图片信息转换为设定格式的图片；

将所述设定格式的图片导入canvas画布方式进行处理。