一种图像处理方法及装置制造方法及图纸

本申请提供一种图像处理方法及装置，该方法包括：配置系统接收参数；获取原始图片；对原始图片进行缩放处理，得到待处理图片；将系统接收参数包括的分割线坐标点集合，转换为SVG路径数据；对SVG路径数据进行渲染，得到渲染分割线；基于渲染分割线对待处理图片进行分割处理，得到分割后的目标图片；当检测到鼠标悬停在目标图片时，基于预先绑定的鼠标事件执行相应的操作。可见，该方法及装置能够自适应尺寸的缩放处理，支持切割并导出分割后的图片，并能够为用户提供更好的交互体验或其它功能支持。持。持。

【技术实现步骤摘要】
一种图像处理方法及装置


[0001]本申请涉及数据处理
，具体而言，涉及一种图像处理方法及装置。

技术介绍

[0002]目前，在图像处理和编辑领域，需要对图像分割后的结果进行蒙版渲染，以便查看和测试分割结果是否正确。现有的图像处理方法，通常是直接生成一张新的带蒙版和标签的图片，但在查看时的交互体验和功能方面会有一些限制，如缩放查看、分层分类查看、交互操作等，无法满足用户对图像分割的精确要求。可见，现有方法得到的图片，无法为用户提供更好的交互体验或其它功能支持。

技术实现思路

[0003]本申请实施例的目的在于提供一种图像处理方法及装置，能够自适应尺寸的缩放处理，支持切割并导出分割后的图片，并能够为用户提供更好的交互体验或其它功能支持。
[0004]本申请第一方面提供了一种图像处理方法，包括：
[0005]配置系统接收参数；
[0006]获取原始图片；
[0007]对所述原始图片进行缩放处理，得到待处理图片；
[0008]将所述系统接收参数包括的分割线坐标点集合，转换为SVG路径数据；
[0009]对所述SVG路径数据进行渲染，得到渲染分割线；
[0010]基于所述渲染分割线对所述待处理图片进行分割处理，得到分割后的目标图片；
[0011]当检测到鼠标悬停在所述目标图片时，基于预先绑定的鼠标事件执行相应的操作。
[0012]在上述实现过程中，该方法可以优先配置系统接收参数；并获取原始图片；然后，对原始图片进行缩放处理，得到待处理图片；再将系统接收参数包括的分割线坐标点集合，转换为SVG路径数据；再后，对SVG路径数据进行渲染，得到渲染分割线；最后，再基于渲染分割线对待处理图片进行分割处理，得到分割后的目标图片；当检测到鼠标悬停在目标图片时，基于预先绑定的鼠标事件执行相应的操作。可见，该方法能够自适应尺寸的缩放处理，支持切割并导出分割后的图片，并能够为用户提供更好的交互体验或其它功能支持。
[0013]进一步地，所述获取原始图片，包括：
[0014]根据所述系统接收参数获取图片加载地址；其中，所述图片加载地址为需要进行分割蒙版渲染图片的URL地址；
[0015]根据所述图片加载地址加载原始图片。
[0016]进一步地，所述对所述原始图片进行缩放处理，得到待处理图片，包括：
[0017]基于预设的显示目的，计算渲染尺寸和原始图片尺寸之间的缩放比例；
[0018]基于所述缩放比例对所述原始图片进行缩放处理，得到待处理图片。
[0019]进一步地，所述对所述SVG路径数据进行渲染，得到渲染分割线，包括：
[0020]基于预设的SVG矢量图形格式，调整所述SVG路径数据的数据参数，得到具有高亮显示效果或渐变阴影效果的渲染分割线；
[0021]其中，所述数据参数包括颜色参数、透明度参数和渐变参数中的一种或者多种。
[0022]进一步地，所述基于所述渲染分割线对所述待处理图片进行分割处理，得到分割后的目标图片，包括：
[0023]根据所述渲染分割线，对所述待处理图片进行分割，得到分割处理图片；所述分割处理图片包括多个部分图片；
[0024]基于预设的destination
‑
atop算法，将所述渲染分割线应用于所述待处理图片上，得到分割线路径覆盖区域；
[0025]基于所述分割处理图片和所述分割线路径覆盖区域，生成多个像素点数据；
[0026]基于所述多个像素点数据进行导出，得到分割后的目标图片；其中，所述目标图片为Blob对象。
[0027]本申请第二方面提供了一种图像处理装置，所述图像处理装置包括：
[0028]配置单元，用于配置系统接收参数；
[0029]获取单元，用于获取原始图片；
[0030]缩放单元，用于对所述原始图片进行缩放处理，得到待处理图片；
[0031]转换单元，用于将所述系统接收参数包括的分割线坐标点集合，转换为SVG路径数据；
[0032]渲染单元，用于对所述SVG路径数据进行渲染，得到渲染分割线；
[0033]分割单元，用于基于所述渲染分割线对所述待处理图片进行分割处理，得到分割后的目标图片。
[0034]在上述实现过程中，该装置能够通过配置单元配置系统接收参数；通过获取单元获取原始图片；通过缩放单元对原始图片进行缩放处理，得到待处理图片；通过转换单元将系统接收参数包括的分割线坐标点集合，转换为SVG路径数据；通过渲染单元对SVG路径数据进行渲染，得到渲染分割线；再通过分割单元来基于渲染分割线对待处理图片进行分割处理，得到分割后的目标图片。可见，该装置能够自适应尺寸的缩放处理，支持切割并导出分割后的图片，并能够为用户提供更好的交互体验或其它功能支持。
[0035]进一步地，所述获取单元包括：
[0036]获取子单元，用于根据所述系统接收参数获取图片加载地址；其中，所述图片加载地址为需要进行分割蒙版渲染图片的URL地址；
[0037]加载子单元，用于根据所述图片加载地址加载原始图片。
[0038]进一步地，所述缩放单元包括：
[0039]计算子单元，用于基于预设的显示目的，计算渲染尺寸和原始图片尺寸之间的缩放比例；
[0040]缩放子单元，用于基于所述缩放比例对所述原始图片进行缩放处理，得到待处理图片。
[0041]进一步地，所述渲染单元，具体用于基于预设的SVG矢量图形格式，调整所述SVG路径数据的数据参数，得到具有高亮显示效果或渐变阴影效果的渲染分割线；
[0042]其中，所述数据参数包括颜色参数、透明度参数和渐变参数中的一种或者多种。
[0043]进一步地，所述分割单元包括：
[0044]分割子单元，用于根据所述渲染分割线，对所述待处理图片进行分割，得到分割处理图片；所述分割处理图片包括多个部分图片；
[0045]应用子单元，用于基于预设的destination
‑
atop算法，将所述渲染分割线应用于所述待处理图片上，得到分割线路径覆盖区域；
[0046]生成子单元，用于基于所述分割处理图片和所述分割线路径覆盖区域，生成多个像素点数据；
[0047]导出子单元，用于基于所述多个像素点数据进行导出，得到分割后的目标图片；其中，所述目标图片为Blob对象。
[0048]本申请第三方面提供了一种电子设备，包括存储器以及处理器，所述存储器用于存储计算机程序，所述处理器运行所述计算机程序以使所述电子设备执行本申请第一方面中任一项所述的图像处理方法。
[0049]本申请第四方面提供了一种计算机可读存储介质，其存储有计算机程序指令，所述计算机程序指令被一处理器读取并运行时，执行本申请第一方面中任一项所述的图像处理方法。
[0050]本申请的有益效果为：该方法及装置能够自适应尺寸的缩放处理，支持切割并导出分割后的图片，并能够本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种图像处理方法，其特征在于，包括：配置系统接收参数；获取原始图片；对所述原始图片进行缩放处理，得到待处理图片；将所述系统接收参数包括的分割线坐标点集合，转换为SVG路径数据；对所述SVG路径数据进行渲染，得到渲染分割线；基于所述渲染分割线对所述待处理图片进行分割处理，得到分割后的目标图片；当检测到鼠标悬停在所述目标图片时，基于预先绑定的鼠标事件执行相应的操作。2.根据权利要求1所述的图像处理方法，其特征在于，所述获取原始图片，包括：根据所述系统接收参数获取图片加载地址；其中，所述图片加载地址为需要进行分割蒙版渲染图片的URL地址；根据所述图片加载地址加载原始图片。3.根据权利要求1所述的图像处理方法，其特征在于，所述对所述原始图片进行缩放处理，得到待处理图片，包括：基于预设的显示目的，计算渲染尺寸和原始图片尺寸之间的缩放比例；基于所述缩放比例对所述原始图片进行缩放处理，得到待处理图片。4.根据权利要求1所述的图像处理方法，其特征在于，所述对所述SVG路径数据进行渲染，得到渲染分割线，包括：基于预设的SVG矢量图形格式，调整所述SVG路径数据的数据参数，得到具有高亮显示效果或渐变阴影效果的渲染分割线；其中，所述数据参数包括颜色参数、透明度参数和渐变参数中的一种或者多种。5.根据权利要求1所述的图像处理方法，其特征在于，所述基于所述渲染分割线对所述待处理图片进行分割处理，得到分割后的目标图片，包括：根据所述渲染分割线，对所述待处理图片进行分割，得到分割处理图片；所述分割处理图片包括多个部分图片；基于预设的destination
‑
atop算法，将所述渲染分割线应用于所...

【专利技术属性】
技术研发人员：姚磊，高凌燕，
申请(专利权)人：创新奇智浙江科技有限公司，
类型：发明
国别省市：