[发明专利]网页图片处理方法、计算机设备和存储介质

权利要求书

1.一种网页图片处理方法，其特征在于，包括以下步骤：

通过执行在富文本编辑器中添加的新的图片上传指令，请求后端api接口，将待上传的图片上传至后端服务器，并在上传成功后返回所述图片的url，所述富文本编辑器为wangeditor；

将所述图片的url填充到所述富文本编辑器的img标签中，并通过所述img标签渲染所述图片；

获取渲染后的所述图片中多个关键点的位置信息，并根据所述位置信息和缩放指令放大或缩小渲染后的所述图片，

其中，所述关键点包括渲染后的所述图片的角所在的点，所述位置信息为以当前浏览器的中心为坐标原点所建立的坐标系中的坐标，获取渲染后的所述图片中多个关键点的位置信息，并根据所述位置信息和缩放指令放大或缩小渲染后的所述图片，具体包括：通过imageResize函数获取渲染后的所述图片的角所在的点的坐标；在拖动任一角的位置后，分别计算该角拖动前和拖动后到原点的长度；根据该角拖动前和拖动后到原点的长度计算缩放倍数，并依照所述缩放倍数放大或缩小渲染后的所述图片，

在执行在富文本编辑器中添加的新的图片上传指令之前，还包括：

禁止所述富文本编辑器中的默认图片上传指令，具体在wangeditor自定义container对象，向container对象添加key值为“image”、value值为“false”的属性，用来防止wangeditor自带的图片上传功能触发，

在禁止所述富文本编辑器中的默认图片上传指令之后，还包括：

创建input标签，并添加用以触发所述input标签的指令作为所述新的图片上传指令，其中，所述input标签为html5的input标签，所述input标签用于获取待上传的所述图片在计算机设备的存储路径和图片信息。

2.根据权利要求1所述的网页图片处理方法，其特征在于，通过所述img标签渲染所述图片，具体包括：

利用浏览器的watch事件，监听光标在所述富文本编辑器中的位置，将所述img标签填充进去，显示出所述图片。

3.一种计算机设备，包括存储器、处理器及存储在存储器上并可在处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时，实现根据权利要求1或2所述的网页图片处理方法。

4.一种非临时性计算机可读存储介质，其上存储有计算机程序，其特征在于，该计算机程序被处理器执行时实现根据权利要求1或2所述的网页图片处理方法。