CN113902841A - 一种图像绘制方法、装置、电子设备及可读存储介质 - Google Patents

Abstract

本申请适用于计算机技术领域，提供了一种图像绘制方法、装置、电子设备及可读存储介质，方法包括：获取原始图像的识别参数和用户的操作参数，对识别参数和操作参数进行比较，在比较结果显示用户触发图像绘制操作时，获取用户的操作指令，根据操作指令进行绘制，得到对应的绘制图像。本申请通过图像模板的识别参数和用户的操作参数比较确定用户是否触发图像绘制操作，在检测到用户触发图像绘制操作时，获取用户的操作指令，根据用户的操作指令进行绘制，得到对应的绘制图像。实现了基于用户输入的操作指令自动化绘制图像的过程，简化了绘制操作，提高方法鲁棒性的同时提高了绘制效率。

Description

一种图像绘制方法、装置、电子设备及可读存储介质

技术领域

本申请属于计算机图像绘制技术领域，尤其涉及一种图像绘制方法、装置、电子设备及可读存储介质。

背景技术

在日常作业中，人员通常会存在基于Canvas画布绘制渲染图像的工作任务需求。

相关的图像绘制方法通常需要用户执行大量的专业操作，以绘制用户所需的图像，上述方法的操作复杂且专业性高，绘制效率低，适用性差。

发明内容

本申请实施例提供了一种图像绘制方法、装置、电子设备及可读存储介质，可以解决相关方法操作复杂且专业性高，绘制效率低，适用性差的问题。

第一方面，本申请实施例提供了一种图像绘制方法，包括：

获取原始图像的识别参数和用户的操作参数；

对识别参数和操作参数进行比较；

在比较结果显示用户触发图像绘制操作时，获取用户的操作指令；

根据操作指令进行绘制，得到对应的绘制图像。

在一个实施例中，获取原始图像的识别参数和用户的操作参数，包括：

获取原始图像的识别参数；

调用用户操作识别函数获取鼠标事件的第一属性值和原始图像的获取事件的第二属性值；

计算得到第一属性值和第二属性值的比值，得到用户的操作参数。

在一个实施例中，识别参数包括原始图像的坐标和尺寸；

对识别参数和操作参数进行比较，包括：

对操作参数与坐标和尺寸进行比较，确定用户的操作是否在原始图像内；

在检测到用户的操作在原始图像内时，比较结果为用户触发图像绘制操作。

在一个实施例中，根据操作指令进行绘制，得到对应的绘制图像，包括：

在操作指令为多个时，序列化存储每个操作指令；

循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的绘制图像，并保存。

在一个实施例中，循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的绘制图像，并保存，包括：

解析每个操作指令，得到每个操作指令的操作类型和绘制参数；

循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

在一个实施例中，循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存，包括：

建立每个绘制参数与原始图像的映射关系；

基于映射关系，循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

第二方面，本申请实施例提供了一种图像绘制装置，包括：

参数获取模块，用于获取原始图像的识别参数和用户的操作参数；

比较模块，用于对识别参数和操作参数进行比较；

指令获取模块，用于在比较结果显示用户触发图像绘制操作时，获取用户的操作指令；

绘制模块，用于根据操作指令进行绘制，得到对应的绘制图像。

在一个实施例中，参数获取模块，包括：

获取子模块，用于获取原始图像的识别参数；

调用子模块，用于调用用户操作识别函数获取鼠标事件的第一属性值和原始图像的获取事件的第二属性值；

计算子模块，用于计算得到第一属性值和第二属性值的比值，得到用户的操作参数。

在一个实施例中，识别参数包括原始图像的坐标和尺寸；

比较模块，包括：

比较子模块，用于对操作参数与坐标和尺寸进行比较，确定用户的操作是否在原始图像内；

判定子模块，用于在检测到用户的操作在原始图像内时，比较结果为用户触发图像绘制操作。

在一个实施例中，绘制模块，包括：

序列化存储子模块，用于在操作指令为多个时，序列化存储每个操作指令；

绘制子模块，用于循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的绘制图像，并保存。

在一个实施例中，绘制子模块，包括：

解析单元，用于解析每个操作指令，得到每个操作指令的操作类型和绘制参数；

渲染单元，用于循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

在一个实施例中，渲染单元，包括：

建立子单元，用于建立每个绘制参数与原始图像的映射关系；

调用子单元，用于基于映射关系，循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

第三方面，本申请实施例提供了一种电子设备，包括存储器、处理器以及存储在存储器中并可在处理器上运行的计算机程序，处理器执行计算机程序时实现如上述第一方面中任一项的图像绘制方法。

第四方面，本申请实施例提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机程序，计算机程序被处理器执行时实现如上述第一方面中任一项的图像绘制方法。

第五方面，本申请实施例提供了一种计算机程序产品，当计算机程序产品在电子设备上运行时，使得电子设备执行上述第一方面中任一项的图像绘制方法。

本申请实施例与现有技术相比存在的有益效果是：通过图像模板的识别参数和用户的操作参数比较确定用户是否触发图像绘制操作，在检测到用户触发图像绘制操作时，获取用户的操作指令，根据用户的操作指令进行绘制，得到对应的绘制图像。实现了基于用户输入的操作指令自动化绘制图像的过程，简化了绘制操作，提高方法鲁棒性的同时提高了绘制效率。

可以理解的是，上述第二方面至第五方面的有益效果可以参见上述第一方面中的相关描述，在此不再赘述。

附图说明

为了更清楚地说明本申请实施例中的技术方案，下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍，显而易见地，下面描述中的附图仅仅是本申请的一些实施例，对于本领域普通技术人员来讲，在不付出创造性劳动的前提下，还可以根据这些附图获得其他的附图。

图1是本申请实施例一提供的图像绘制方法的流程示意图；

图2是本申请实施例二提供的图像绘制方法步骤S101的流程示意图；

图3是本申请实施例三提供的图像绘制方法步骤S104的流程示意图；

图4是本申请实施例四提供的图像绘制方法步骤S1042的流程示意图；

图5是本申请实施例四提供的绘制图像的应用场景示意图；

图6是本申请实施例五提供的图像绘制装置的模块示意图；

图7是本申请实施例六提供的电子设备的模块示意图。

具体实施方式

以下描述中，为了说明而不是为了限定，提出了诸如特定***结构、技术之类的具体细节，以便透彻理解本申请实施例。然而，本领域的技术人员应当清楚，在没有这些具体细节的其它实施例中也可以实现本申请。在其它情况中，省略对众所周知的***、装置、电路以及方法的详细说明，以免不必要的细节妨碍本申请的描述。

应当理解，当在本申请说明书和所附权利要求书中使用时，术语“包括”指示所描述特征、整体、步骤、操作、元素和/或组件的存在，但并不排除一个或多个其它特征、整体、步骤、操作、元素、组件和/或其集合的存在或添加。

还应当理解，在本申请说明书和所附权利要求书中使用的术语“和/或”是指相关联列出的项中的一个或多个的任何组合以及所有可能组合，并且包括这些组合。

如在本申请说明书和所附权利要求书中所使用的那样，术语“如果”可以依据上下文被解释为“当...时”或“一旦”或“响应于确定”或“响应于检测到”。类似地，短语“如果确定”或“如果检测到[所描述条件或事件]”可以依据上下文被解释为意指“一旦确定”或“响应于确定”或“一旦检测到[所描述条件或事件]”或“响应于检测到[所描述条件或事件]”。

另外，在本申请说明书和所附权利要求书的描述中，术语“第一”、“第二”、“第三”等仅用于区分描述，而不能理解为指示或暗示相对重要性。

在本申请说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此，在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例，而是意味着“一个或多个但不是所有的实施例”，除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”，除非是以其他方式另外特别强调。

本申请实施例提供的图像绘制方法可以应用于手机、平板电脑、可穿戴设备、设备、笔记本电脑、超级移动个人计算机(ultra-mobile personal computer，UMPC)、上网本、个人数字助理(personal digital assistant，PDA)等电子设备上，本申请实施例对电子设备的具体类型不作任何限制。

实施例一

图1示出了本申请提供的图像绘制方法的示意性流程图，作为示例而非限定，该方法可以应用于上述笔记本电脑中。

S101、获取原始图像的识别参数和用户的操作参数。

具体地，采用单层架构结构设计，将GUI图形绘制模块(lowerCanvas)和事件捕获模块(UpperCanvas)集成在一个原始图像canvas当中。获取用户在canvas中输入的已绘制图像(将已绘制图像作为模板，简称为原始图像)，识别确定原始图像的识别参数，以及通过用户操作识别函数pointer确定用户在当前界面的操作参数。

其中，识别参数包括但不限于坐标(具体为原始图像在当前界面中的相对位置坐标)和尺寸信息(具体指原始图像的大小，可通过数组表示)。操作参数具体指用户操作的定位数据(可通过用户的操作在当前界面中的相对位置坐标表示)。用户操作识别函数pointer为本申请提出的获取用户操作的定位数据的算法，可实现在单层架构结构设计中，清晰识别出各种事件。

S102、对识别参数和操作参数进行比较。

具体地，对识别参数和操作参数进行比较，根据识别参数和操作参数的比较结果判定用户是否触发图像绘制操作。

作为示例而非限定，在当前界面中，设定有图形控制面板以及图层手柄(Canvascontroller)。其中，图形控制面板是指通过数字输入和按钮的形式，获取用户输入的针对原始图像的操作指令的控制面板。其中，操作指令是指用户输入的针对原始图像中的图层信息、字体信息、颜色信息和坐标信息中的任一种或多种进行二次渲染，得到绘制图像的指令。图层手柄设定为在用户选中原始图像(以多个图层显示)中当前图层周围覆盖的带有9个控制锚点的矩形元素，可以捕获用户执行的缩放、拖动、旋转等操作(在本实施例中，设定图层控制算法controller在pointer函数的基础上，增加控制功能，使得用户能够通过操纵图层手柄对原始图像进行对应的控制操作)。对应的，通过用户的操作参数与图形控制面板、图层手柄的识别参数进行比较，可以确定用户是否触发图形控制面板，是否对图层手柄执行缩放、拖动、旋转等操作。

S103、在比较结果显示用户触发图像绘制操作时，获取用户的操作指令。

具体地，在操作参数与识别参数的比较结果显示用户触发图像绘制操作时，获取用户输入的操作指令。其中，操作指令包括但不限于操作类型和操作参数。操作类型包括但不限于图层渲染操作、字体渲染操作、文本渲染操作、颜色渲染操作和坐标渲染操作。操作参数是指与上述操作类型对应的数值，其包括但不限于图层级数、字体类型、文本内容、RGB值和坐标值。

例如，操作类型为字体渲染操作，对应获取的操作参数为宋体，则根据上述操作类型和操作参数，可通过将原始图像中文本的字体修改为宋体，得到绘制图像。

S104、根据操作指令进行绘制，得到对应的绘制图像。

具体地，根据操作指令对原始图像进行二次渲染操作，得到与操作指令对应的绘制图像。

可以理解的是，操作指令的类型不同，对应的二次渲染操作不同。例如：操作类型为字体渲染操作，对应的二次渲染操作为修改文本的字体类型；或者，操作类型为文本渲染操作，对应的二次渲染操作为修改文本的具体内容。

在一个实施例中，操作类型还包括但不限于画布尺寸自定义操作(定义图像的尺寸，包括横版/竖版两种尺寸)、图层控制操作(控制选中的图层上移或下移)、图层对齐操作(控制多个图层对齐，包括左对齐、水平居中对齐、右对齐、垂直居中对齐、上对其、下对齐等六种方式)，以及后退操作(返回上一步操作)和复原操作(还原成原始图像)。

本实施例通过图像模板的识别参数和用户的操作参数比较确定用户是否触发图像绘制操作，在检测到用户触发图像绘制操作时，获取用户的操作指令，根据用户的操作指令进行绘制，得到对应的绘制图像。实现了基于用户输入的操作指令自动化绘制图像的过程，简化了绘制操作，提高方法鲁棒性的同时提高了绘制效率。

实施例二

本实施例是对实施例一的进一步说明，与实施例一相同或相似的地方，具体可参见实施例一的相关描述，此处不再赘述。如图2所示，本实施例中的获取原始图像的识别参数和用户的操作参数，包括：

S1011、获取原始图像的识别参数。

S1012、调用用户操作识别函数获取鼠标事件的第一属性值和原始图像的获取事件的第二属性值。

具体地，获取原始图像中的识别参数(包括但不限于原始图像在当前界面中的相对位置坐标和尺寸大小数据)，调用用户操作识别函数pointer获取用户操作的鼠标事件client的属性值(即第一属性值)，同时获取原始图像canvas中获取事件offset的属性值(即第二属性值)。

S1013、计算得到第一属性值和第二属性值的比值，得到用户的操作参数。

具体地，计算得到第一属性值和第二属性值的比值，作为用户的操作参数，确定用户在当前界面中执行的操作的具体定位信息。

在一个实施例中，识别参数包括原始图像的坐标和尺寸；

对识别参数和操作参数进行比较，包括：

对操作参数与坐标和尺寸进行比较，确定用户的操作是否在原始图像内；

在检测到用户的操作在原始图像内时，比较结果为用户触发图像绘制操作。

具体地，通过将操作参数(具体为用户操作在当前界面中的相对位置坐标)与原始图像的坐标和尺寸进行比较，可以确定用户在当前界面中执行的操作是否位于原始图像内部，包括：在检测到操作参数在原始图像的坐标范围时，可以确定用户的操作位于原始图像内，确定比较结果为用户触发图像绘制操作。

可以理解的是，在检测到操作参数不在原始图像的坐标范围内时，可以确定用户的操作不在原始图像内，确定比较结果为用户未触发图像绘制操作。

本实施例通过提供的用户操作识别函数pointer可以准确获取用户在当前界面中执行的操作的具体定位数据，提高了在单层架构结构设计中，事件识别的精度和效率，从而提高了图像绘制的效率。

实施例三

本实施例是对实施例一的进一步说明，与实施例一相同或相似的地方，具体可参见实施例一的相关描述，此处不再赘述。如图3所示，本实施例中的根据操作指令进行绘制，得到对应的绘制图像，包括：

S1041、在操作指令为多个时，序列化存储每个操作指令；

S1042、循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的绘制图像，并保存。

具体地，在检测到用户输入的操作指令为多个时，序列化存储用户输入的每个操作指令，并通过逆编译方法读取存储的每一个操作指令，然后通过setInterval函数循环调用renderAll函数依次按照每个操作指令对原始图像进行二次渲染，得到与每个操作指令对应的绘制图像。

具体地，逆编译方法loadFromJSON函数的原理是基于JSON.parse将字符串转译变为具有可操作性的对象。由于不同操作指令设定有不同的ID和状态码，根据状态码可以确定用户的操作类型，并获取对应的操作参数。例如，可编译文本的指令状态码是“e_text”，在获取到用户输入的操作指令为“e_text”时，确定操作类型为文本渲染操作，对应获得文本内容。

可以理解的是，每通过逆编译原理读取到一个操作指令，则复制得到一个新的原始图像，根据该操作指令在新的原始图像中进行二次渲染，得到与该操作指令对应的绘制图像。实现在批量渲染得到多个绘制图像的同时，保证每个绘制图像的内容互不干扰。

例如，检测到操作指令为3个，按照接收到操作指令的时间顺序序列化存储上述3个操作指令，并通过逆编译原理读取到一个操作指令的操作类型为文本渲染操作时，复制得到一个新的原始图像，根据该操作指令的绘制参数(具体为文本内容)对应将上述新的原始图像的原始文本更新为上述文本内容。通过逆编译原理读取到一个操作指令的操作类型为颜色渲染操作时，复制得到一个新的原始图像，根据该操作指令的绘制参数(具体为RGB值)对应将上述新的原始图像的文本颜色更新为上述RGB值，通过逆编译原理读取到一个操作指令的操作类型为坐标渲染操作时，复制得到一个新的原始图像，根据该操作指令的绘制参数(具体为坐标值)对应将上述新的原始图像的坐标更新为上述坐标值。

在一个实施例中，在对操作指令进行存储前，对每个操作指令分配一个指令ID，以便于将操作类型和操作参数与操作指令绑定起来。

在一个实施例中，循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的绘制图像，并保存，包括：

解析每个操作指令，得到每个操作指令的操作类型和绘制参数；

循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

具体地，在每读取到一个已存储的操作指令时，解析该操作指令，得到该操作指令的操作类型和绘制参数，通过setInterval函数调用renderAll函数根据绘制参数对原始图像进行与上述操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存，从而得到与每个操作指令对应的绘制图像。

作为示例而非限定，在确定所有操作指令执行完成时，停止调用setInterval函数，以减少资源浪费。

本实施例通过在获取到多个操作指令时，对多个操作指令进行序列化存储，循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的多个绘制图像，实现了批量绘制图像，简化了绘制操作流程，提高了图像绘制的速率。

实施例四

本实施例是对实施例一的进一步说明，与实施例一相同或相似的地方，具体可参见实施例一的相关描述，此处不再赘述。如图4所示，本实施例中的循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存，包括：

S10421、建立每个绘制参数与原始图像的映射关系；

具体地，在获取到绘制参数时，将绘制参数与原始图像中对应的数据进行绑定，以建立绘制图像和原始图像的映射关系。

例如，操作指令的操作类型为修改原始图像中某一坐标处文本，该处原始文本内容为“你好”，在获取到绘制参数为“再见”时，建立绘制参数“再见”与原始图像中上述原始文本内容“你好”之间的绑定关系，从而建立绘制参数“再见”和原始图像的映射关系，以便于根据操作指令将原始图像中该处的文本内容更新为“再见”，得到对应的绘制图像。

S10422、基于映射关系，循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

具体地，基于每个绘制参数与原始图像的映射关系，循环调用renderAll函数，分别对原始图像执行多次与操作类型对应的二次渲染操作(即将原始图像的参数更新为上述绘制参数)，从而得到与操作指令对应的多个新的绘制图像并保存。

具体地，renderAll函数包括Html5Canvas中的clearReat方法和fillRect方法，通过setInterval函数循环调用renderAll函数可以不断循环执行对原始图像执行与操作类型对应的二次渲染操作，循环实现将原始图像的参数更新为上述绘制参数，从而得到与操作指令对应的多个新的绘制图像。其中，通过循环调用renderAll函数实现动态绘制的响应频率可根据实际需求进行具体设定，例如设定响应频率为60hz。

图5示例性的示出了一种绘制图像的应用场景示意图。

根据图5可知，原始图像包括两个文本区域，第一个文本区域的内容为“恭喜”，第二个文本区域的内容为“姓名”。获取到用户输入的3个操作指令的操作类型均为修改原始图像中第二个文本区域“姓名”的值，3个操作指令携带操作参数分别包括“张三”、“李四”和“王五”。通过循环调用renderAll函数不断的对原始图像中该处的文本内容进行二次渲染，得到对应的3个绘制图像中的文本内容分别为恭喜“张三”、恭喜“李四”和恭喜“王五”。

本实施例通过建立每个绘制参数与原始图像的映射关系，基于映射关系循环调用renderAll函数根据绘制参数对原始图像进行动态渲染操作，得到与每个操作指令对应的绘制图像，实现以接近连续的、动态的形式显示出图像的实时变化，使得用户可直观感受图形绘制过程，提高制图效率。

应理解，上述实施例中各步骤的序号的大小并不意味着执行顺序的先后，各过程的执行顺序应以其功能和内在逻辑确定，而不应对本申请实施例的实施过程构成任何限定。

实施例五

对应于上文实施例的图像绘制方法，图6示出了本申请实施例提供图像绘制装置的模块框图，为了便于说明，仅示出了与本申请实施例相关的部分。

参照图6，该图像绘制装置100包括：

参数获取模块101，用于获取原始图像的识别参数和用户的操作参数；

比较模块102，用于对识别参数和操作参数进行比较；

指令获取模块103，用于在比较结果显示用户触发图像绘制操作时，获取用户的操作指令；

绘制模块104，用于根据操作指令进行绘制，得到对应的绘制图像。

在一个实施例中，参数获取模块，包括：

获取子模块，用于获取原始图像的识别参数；

调用子模块，用于调用用户操作识别函数获取鼠标事件的第一属性值和原始图像的获取事件的第二属性值；

计算子模块，用于计算得到第一属性值和第二属性值的比值，得到用户的操作参数。

在一个实施例中，识别参数包括原始图像的坐标和尺寸；

比较模块，包括：

比较子模块，用于对操作参数与坐标和尺寸进行比较，确定用户的操作是否在原始图像内；

判定子模块，用于在检测到用户的操作在原始图像内时，比较结果为用户触发图像绘制操作。

在一个实施例中，绘制模块，包括：

序列化存储子模块，用于在操作指令为多个时，序列化存储每个操作指令；

绘制子模块，用于循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的绘制图像，并保存。

在一个实施例中，绘制子模块，包括：

解析单元，用于解析每个操作指令，得到每个操作指令的操作类型和绘制参数；

渲染单元，用于循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

在一个实施例中，渲染单元，包括：

建立子单元，用于建立每个绘制参数与原始图像的映射关系；

调用子单元，用于基于映射关系，循环调用renderAll函数对原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

本实施例通过图像模板的识别参数和用户的操作参数比较确定用户是否触发图像绘制操作，在检测到用户触发图像绘制操作时，获取用户的操作指令，根据用户的操作指令进行绘制，得到对应的绘制图像。实现了基于用户输入的操作指令自动化绘制图像的过程，简化了绘制操作，提高方法鲁棒性的同时提高了绘制效率。

需要说明的是，上述装置/单元之间的信息交互、执行过程等内容，由于与本申请方法实施例基于同一构思，其具体功能及带来的技术效果，具体可参见方法实施例部分，此处不再赘述。

实施例六

图7为本实施例提供的电子设备的模块示意图。如图7所示，该实施例的电子设备7包括：至少一个处理器70(图7中仅示出一个)、存储器71以及存储在存储器71中并可在至少一个处理器70上运行的计算机程序72，处理器70执行计算机程序72时实现上述任意各个图像绘制方法实施例中的步骤。

电子设备7可以是桌上型计算机、笔记本、掌上电脑及云端服务器等计算设备。该电子设备可包括，但不仅限于，处理器70、存储器71。本领域技术人员可以理解，图7仅仅是电子设备7的举例，并不构成对电子设备7的限定，可以包括比图示更多或更少的部件，或者组合某些部件，或者不同的部件，例如还可以包括输入输出设备、网络接入设备等。

所称处理器70可以是中央处理单元(Central Processing Unit，CPU)，该处理器70还可以是其他通用处理器、数字信号处理器(Digital Signal Processor，DSP)、专用集成电路(Application Specific Integrated Circuit，ASIC)、现成可编程门阵列(Field-Programmable Gate Array，FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。

存储器71在一些实施例中可以是电子设备7的内部存储单元，例如电子设备7的硬盘或内存。存储器71在另一些实施例中也可以是电子设备7的外部存储设备，例如电子设备7上配备的插接式硬盘，智能存储卡(Smart Media Card,SMC)，安全数字卡(SecureDigital,SD)，闪存卡(Flash Card)等。进一步地，存储器71还可以既包括电子设备7的内部存储单元也包括外部存储设备。存储器71用于存储操作***、应用程序、引导装载程序(BootLoader)、数据以及其他程序等，例如计算机程序的程序代码等。存储器71还可以用于暂时地存储已经输出或者将要输出的数据。

所属领域的技术人员可以清楚地了解到，为了描述的方便和简洁，仅以上述各功能单元、模块的划分进行举例说明，实际应用中，可以根据需要而将上述功能分配由不同的功能单元、模块完成，即将装置的内部结构划分成不同的功能单元或模块，以完成以上描述的全部或者部分功能。实施例中的各功能单元、模块可以集成在一个处理单元中，也可以是各个单元单独物理存在，也可以两个或两个以上单元集成在一个单元中，上述集成的单元既可以采用硬件的形式实现，也可以采用软件功能单元的形式实现。另外，各功能单元、模块的具体名称也只是为了便于相互区分，并不用于限制本申请的保护范围。上述***中单元、模块的具体工作过程，可以参考前述方法实施例中的对应过程，在此不再赘述。

本申请实施例还提供了一种计算机可读存储介质，计算机可读存储介质存储有计算机程序，计算机程序被处理器执行时实现可实现上述各个方法实施例中的步骤。

本申请实施例提供了一种计算机程序产品，当计算机程序产品在移动终端上运行时，使得移动终端执行时实现可实现上述各个方法实施例中的步骤。

集成的单元如果以软件功能单元的形式实现并作为独立的产品销售或使用时，可以存储在一个计算机可读取存储介质中。基于这样的理解，本申请实现上述实施例方法中的全部或部分流程，可以通过计算机程序来指令相关的硬件来完成，的计算机程序可存储于一计算机可读存储介质中，该计算机程序在被处理器执行时，可实现上述各个方法实施例的步骤。其中，计算机程序包括计算机程序代码，计算机程序代码可以为源代码形式、对象代码形式、可执行文件或某些中间形式等。计算机可读介质至少可以包括：能够将计算机程序代码携带到拍照装置/电子设备的任何实体或装置、记录介质、计算机存储器、只读存储器(ROM，Read-Only Memory)、随机存取存储器(RAM，Random Access Memory)、电载波信号、电信信号以及软件分发介质。例如U盘、移动硬盘、磁碟或者光盘等。在某些司法管辖区，根据立法和专利实践，计算机可读介质不可以是电载波信号和电信信号。

在上述实施例中，对各个实施例的描述都各有侧重，某个实施例中没有详述或记载的部分，可以参见其它实施例的相关描述。

本领域普通技术人员可以意识到，结合本文中所公开的实施例描述的各示例的单元及算法步骤，能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行，取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能，但是这种实现不应认为超出本申请的范围。

在本申请所提供的实施例中，应该理解到，所揭露的装置/网络设备和方法，可以通过其它的方式实现。例如，以上所描述的装置/网络设备实施例仅仅是示意性的，例如，模块或单元的划分，仅仅为一种逻辑功能划分，实际实现时可以有另外的划分方式，例如多个单元或组件可以结合或者可以集成到另一个***，或一些特征可以忽略，或不执行。另一点，所显示或讨论的相互之间的耦合或直接耦合或通讯连接可以是通过一些接口，装置或单元的间接耦合或通讯连接，可以是电性，机械或其它的形式。

作为分离部件说明的单元可以是或者也可以不是物理上分开的，作为单元显示的部件可以是或者也可以不是物理单元，即可以位于一个地方，或者也可以分布到多个网络单元上。可以根据实际的需要选择其中的部分或者全部单元来实现本实施例方案的目的。

以上实施例仅用以说明本申请的技术方案，而非对其限制；尽管参照前述实施例对本申请进行了详细的说明，本领域的普通技术人员应当理解：其依然可以对前述各实施例所记载的技术方案进行修改，或者对其中部分技术特征进行等同替换；而这些修改或者替换，并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围，均应包含在本申请的保护范围之内。

Claims (10)

1.一种图像绘制方法，其特征在于，包括：

获取原始图像的识别参数和用户的操作参数；

对所述识别参数和所述操作参数进行比较；

在比较结果显示用户触发图像绘制操作时，获取用户的操作指令；

根据所述操作指令进行绘制，得到对应的绘制图像。

2.如权利要求1所述的图像绘制方法，其特征在于，所述获取原始图像的识别参数和用户的操作参数，包括：

获取原始图像的识别参数；

调用所述用户操作识别函数获取鼠标事件的第一属性值和原始图像的获取事件的第二属性值；

计算得到所述第一属性值和所述第二属性值的比值，得到所述用户的操作参数。

3.如权利要求1所述的图像绘制方法，其特征在于，所述识别参数包括原始图像的坐标和尺寸；

所述对所述识别参数和所述操作参数进行比较，包括：

对所述操作参数与所述坐标和所述尺寸进行比较，确定所述用户的操作是否在所述原始图像内；

在检测到所述用户的操作在所述原始图像内时，比较结果为用户触发图像绘制操作。

4.如权利要求1所述的图像绘制方法，其特征在于，所述根据所述操作指令进行绘制，得到对应的绘制图像，包括：

在所述操作指令为多个时，序列化存储每个操作指令；

循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的绘制图像，并保存。

5.如权利要求4所述的图像绘制方法，其特征在于，所述循环调用renderAll函数基于每个操作指令对原始图像进行绘制，得到对应的绘制图像，并保存，包括：

解析每个所述操作指令，得到每个所述操作指令的操作类型和绘制参数；

循环调用renderAll函数对所述原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

6.如权利要求5所述的图像绘制方法，其特征在于，所述循环调用renderAll函数对所述原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存，包括：

建立每个所述绘制参数与所述原始图像的映射关系；

基于所述映射关系，循环调用renderAll函数对所述原始图像执行与操作类型对应的二次渲染操作，得到与每个绘制参数对应的绘制图像并保存。

7.一种图像绘制装置，其特征在于，包括：

参数获取模块，用于获取原始图像的识别参数和用户的操作参数；

比较模块，用于对所述识别参数和所述操作参数进行比较；

指令获取模块，用于在比较结果显示用户触发图像绘制操作时，获取用户的操作指令；

绘制模块，用于根据所述操作指令进行绘制，得到对应的绘制图像。

8.如权利要求7所述的图像绘制装置，其特征在于，所述参数获取模块，包括：

获取子模块，用于获取原始图像的识别参数；

调用子模块，用于调用所述用户操作识别函数获取鼠标事件的第一属性值和原始图像的获取事件的第二属性值；

计算子模块，用于计算得到所述第一属性值和所述第二属性值的比值，得到所述用户的操作参数。

9.一种电子设备，包括存储器、处理器以及存储在所述存储器中并可在所述处理器上运行的计算机程序，其特征在于，所述处理器执行所述计算机程序时实现如权利要求1至6任一项所述的方法。

10.一种计算机可读存储介质，所述计算机可读存储介质存储有计算机程序，其特征在于，所述计算机程序被处理器执行时实现如权利要求1至6任一项所述的方法。

Images