[发明专利]图片绘制方法、装置、电子设备及存储介质

说明书

本发明实施例提供了一种图片绘制方法、装置、电子设备及存储介质，其中，方法包括：获取画布生成请求，画布生成请求包括画布尺寸；根据画布生成请求，生成画布尺寸大小的画布；以画布的左上角为原点建立坐标系，获取待绘制对象和待绘制对象的绘制配置信息，绘制配置信息包括待绘制对象的坐标，坐标中的坐标值包括待绘制对象以原点为参考系中心向下移动的第一距离值、向右移动的第二距离值，以及以x轴最大值为参考系中心向左移动的第三距离值和以y轴最大值为参考系中心向上移动的第四距离值中的至少一个；根据坐标信息中的坐标值确定待绘制对象的绘制起点；基于绘制配置信息，将待绘制对象在画布中的绘制起点进行绘制，得到绘制图片。

技术领域

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

背景技术

随着移动互联网的兴起与高速发展，移动终端不断升级，企业和用户对于移动端App的要求也是水涨船高。因此，用户在使用App时，流畅的程序执行、良好的交互体验，以及更具趣味性的设计，显得尤为重要。由于，H5本身开发成本较低、传播性强，而且天然支持多终端、多设备访问，因此，相关技术中开发者通常使用H5来完成需求。

在使用H5进行高频绘制图片时，通常采用canvas绘图方法，canvas绘图方法绘制时，仅以原点作为参考点进行绘制，绘制维度单一，具有一定的局限性，应用不够灵活。

发明内容

本发明实施例的目的在于提供一种图片绘制方法、装置、电子设备及存储介质，以解决相关技术中，仅以原点作为参考点进行绘制，绘制维度单一，具有一定的局限性，应用不够灵活的问题。

在本发明实施例的第一方面，首先提供了一种图片绘制方法，所述方法包括：

获取画布生成请求，所述画布生成请求包括画布尺寸；

根据所述画布生成请求，生成所述画布尺寸大小的画布；

以所述画布的左上角为原点建立坐标系，确定所述坐标系中x轴最大值和y轴最大值；

获取待绘制对象和所述待绘制对象的绘制配置信息，所述绘制配置信息包括所述待绘制对象的坐标信息，所述坐标信息中的坐标值包括待绘制对象以原点为参考系中心向下移动的第一距离值、向右移动的第二距离值，以及以所述x轴最大值为参考系中心向左移动的第三距离值和以所述y轴最大值为参考系中心向上移动的第四距离值中的至少一个；

根据所述坐标信息中的坐标值确定所述待绘制对象的绘制起点；

基于所述绘制配置信息，将所述待绘制对象在所述画布中的所述绘制起点进行绘制，得到绘制图片。

可选的，所述根据所述坐标中的坐标值确定所述待绘制对象的绘制起点，包括：

从当前坐标轴的所述坐标值中，筛选所述当前坐标轴的目标坐标值，所述当前坐标轴是不同坐标轴中任一坐标轴，所述目标坐标值距所述原点的距离最短；

由所述目标坐标值组成所述待绘制对象的绘制起点。

可选的，在所述当前坐标轴上存在两个所述坐标值时，所述方法还包括：

若所述当前坐标轴为x轴，将所述待绘制对象的长度设置为所述第二距离值与所述第三距离值之间的距离值；

若所述当前坐标轴为y轴，将所述待绘制对象的宽度设置为所述第一距离值与所述第四距离值之间的距离值。

可选的，所述绘制配置信息包括所述待绘制对象的格式类型；

所述基于所述绘制配置信息，将所述待绘制对象在所述画布中的所述绘制起点进行绘制，包括：

所述待绘制对象的格式类型为图片格式时，获取所述待绘制对象的原始尺寸；