CN114816194B - 一种全能图像显控系统及方法 - Google Patents

Abstract

本发明涉及图像显控技术领域，具体涉及一种全能图像显控系统及方法，通过对输入图像的格式进行判断后实时进行转换，使得能够通过后续操作完成对不同类型图像的处理，同时将图像的编辑操作与操控事件进行对应，并对编辑数据进行提取得到操控控件，并按照事件的发生顺序将对应的操控控件进行存储，最后对操控控件进行依次渲染得到目标Canvas图像，实现对Canvas图像按照需要进行不同类型的处理，系统搭建简单，能够在对不同类型图像进行Canvas图像处理的同时，对Canvas图像完成多个不同的编辑操作，增加系统的功能，实现高效地完成对不同类型图像转化为Canvas图像后的处理工作。

Description

一种全能图像显控系统及方法

技术领域

本发明涉及图像显控技术领域，具体涉及一种全能图像显控系统及方法。

背景技术

现有的对Canvas图像进行处理需要根据输入图像的类型通过不同的图像显控系统进行对应的显控操作，导致在应对多种类型图像的处理时需要花费大量的时间进行系统的搭建，造成工作效率的降低，同时在对Canvas图像进行处理时需要根据预计的处理操作进行针对性的系统搭建，导致在对Canvas图像进行处理时不能根据需要随时增加对应的的处理操作，这就导致前期准备时间增加，这就导致工作花费的时间增加，降低工作效率的同时增加了工作成本。

发明内容

针对现有图像显控存在的不足，本发明的目的是提供一种全能图像显控系统及方法，使得能够应对含有多种图像类型图像的处理，实现将不同类型的图像转换为Canvas图像并根据需要对转换后的Canvas图像进行编辑处理。

本发明解决上述技术问题的方案：

一种全能图像显控系统，其特征在于，包括：

图像输入单元，用于输入图像并判断图像类型；

图像处理单元，用于将输入的图像转换为初始Canvas图像；

图像容器单元，用于接收初始Canvas图像并存储；

显示单元，用于显示初始Canvas图像、过程Canvas图像、编辑Canvas图像或目标Canvas图像；

图像编辑单元，用于对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，操控事件包含与编辑操作对应的编辑数据；

控件生成单元，用于将每个操控事件对应的编辑数据进行提取得到对应的操控控件和与操控控件对应的控件ID；

控件容器单元，用于依次接收并依次存储所述操控控件和与操控控件对应的控件ID；

渲染单元，用于通过操控控件对编辑Canvas图像进行渲染处理得到目标Canvas图像。

进一步限定，所述图像处理单元包括：

图像数据处理模块，用于接收图像数据类型的图像，提取所述图像数据并转换为初始Canvas图像；

图片处理模块，用于接收图片类型的图像，提取所述图片信息和图片路径，创建Image对象并初始化后转换为初始Canvas图像；

Canvas图像处理模块，用于接收Canvas图像，生成初始Canvas图像。

进一步限定，所述图像编辑单元包括：

事件匹配模块，用于将编辑操作与操控事件进行匹配；

所述编辑操作包括：图像裁剪操作、图像缩放操作、图像移动操作、文本建立操作和图像绘制操作。

进一步限定，所述图像编辑单元还包括：

图像裁剪模块，用于对显示的初始Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行裁剪得到裁剪Canvas图像，用于根据裁剪步骤得到裁剪操控事件，裁剪操控事件包含图像裁剪数据；

图像缩放模块，用于对显示的初始Canvas图像或裁剪Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行缩放得到缩放Canvas图像，用于根据缩放步骤得到缩放操控事件，缩放操控事件包含图像缩放数据；

图像移动模块，用于对显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行移动得到移动Canvas图像，用于根据移动步骤得到移动操控事件，移动操控事件包含图像移动数据；

文本建立模块，用于在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或图像绘制Canvas图像上建立文本得到文本添加Canvas图像，用于根据建立文本的步骤得到文本建立操控事件，文本建立操控事件包含文本建立数据；

图像绘制模块，用于在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像得到图像绘制Canvas图像，用于根据绘制图像的步骤得到绘制图像操控事件，绘制图像操控事件包含图像绘制数据；

事件删除模块，用于根据控件ID删除对应的操控控件；

所述过程Canvas图像包括裁剪Canvas图像、缩放Canvas图像、移动Canvas图像和文本添加Canvas图像；

所述编辑数据包括：图像裁剪数据、图像缩放数据、图像移动数据、文本建立数据和图像绘制数据；

所述编辑Canvas图像为最后一步编辑操作得到对应的过程Canvas图像。

进一步限定，所述渲染单元包括：

图像裁剪渲染模块，用于提取图像裁剪数据，根据图像裁剪数据对裁剪Canvas图像进行渲染处理得到裁剪目标图像；

图像缩放渲染模块，用于提取图像缩放数据，根据图像缩放数据对缩放Canvas图像进行渲染处理得到缩放目标图像；

图像移动渲染模块，用于提取图像移动数据，根据图像移动数据对移动Canvas图像进行渲染处理得到移动目标图像；

文本建立渲染模块，用于提取文本建立数据，根据文本建立数据对文本添加Canvas图像进行渲染处理得到文本添加目标图像；

图像绘制渲染模块，用于提取图像绘制数据，根据图像绘制数据对图像绘制Canvas图像进行渲染处理得到图像绘制目标图像；

目标Canvas图像包括裁剪目标图像、缩放目标图像、移动目标图像、文本添加目标图像和图像绘制目标图像；

目标输出模块，用于将编辑Canvas图像渲染处理后得到对应的目标Canvas图像输出给显示单元。

一种全能图像显控方法，其特征在于，包括以下步骤：

将不同类型的图像输入并判断图像类型；

将输入的图像转换为初始Canvas图像；

接收初始Canvas图像并存储；

显示初始Canvas图像；

对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，并显示过程Canvas图像或编辑Canvas图像，操控事件包含与编辑操作对应的编辑数据；

将每个操控事件对应的编辑数据进行提取得到对应的操控控件和与操控控件对应的控件ID；

依次接收并依次存储所述操控控件和与操控控件对应的控件ID；

通过操控控件对编辑Canvas图像进行渲染得到目标Canvas图像并显示。

进一步限定，所述将输入的图像转换为初始Canvas图像包括以下子步骤中的一步：

接收图像数据类型的图像，提取所述图像数据并转换为初始Canvas图像；

接收图片类型的图像，提取所述图片信息和图片路径，创建Image对象并初始化后转换为初始Canvas图像；

接收Canvas图像，生成初始Canvas图像。

进一步限定，所述对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，并显示过程Canvas图像或编辑Canvas图像，操控事件包含与编辑操作对应的编辑数据包含以下子步骤：

将编辑操作与操控事件进行匹配；

所述编辑操作包括：图像裁剪操作、图像缩放操作、图像移动操作、文本建立操作和图像绘制操作。

进一步限定，所述对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，并显示过程Canvas图像或编辑Canvas图像，操控事件包含与编辑操作对应的编辑数据包括以下子步骤中的一步或多步：

对显示的初始Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行裁剪得到裁剪Canvas图像，用于根据裁剪步骤得到裁剪操控事件，裁剪操控事件包含图像裁剪数据；

对显示的初始Canvas图像或裁剪Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行缩放得到缩放Canvas图像，用于根据缩放步骤得到缩放操控事件，缩放操控事件包含图像缩放数据；

对显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行移动得到移动Canvas图像，用于根据移动步骤得到移动操控事件，移动操控事件包含图像移动数据；

在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或图像绘制Canvas图像上建立文本得到文本添加Canvas图像，用于根据建立文本的步骤得到文本建立操控事件，文本建立操控事件包含文本建立数据；

在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像得到图像绘制Canvas图像，用于根据绘制图像的步骤得到绘制图像操控事件，绘制图像操控事件包含图像绘制数据；

根据控件ID删除对应的操控控件；

所述过程Canvas图像包括裁剪Canvas图像、缩放Canvas图像、移动Canvas图像和文本添加Canvas图像；

所述编辑数据包括：图像裁剪数据、图像缩放数据、图像移动数据、文本建立数据和图像绘制数据；

所述编辑Canvas图像为最后一步编辑操作得到对应的过程Canvas图像。

进一步限定，所述通过操控控件对编辑Canvas图像进行渲染得到目标Canvas图像并显示包括以下子步骤中的一步或多步：

提取图像裁剪数据，根据图像裁剪数据对裁剪Canvas图像进行渲染处理得到裁剪目标图像；

提取图像缩放数据，根据图像缩放数据对缩放Canvas图像进行渲染处理得到缩放目标图像；

提取图像移动数据，根据图像移动数据对移动Canvas图像进行渲染处理得到移动目标图像；

提取文本建立数据，根据文本建立数据对文本添加Canvas图像进行渲染处理得到文本添加目标图像；

提取图像绘制数据，根据图像绘制数据对图像绘制Canvas图像进行渲染处理得到图像绘制目标图像；

将编辑Canvas图像渲染处理后得到对应的目标Canvas图像输出给显示单元进行显示。

本发明的有益效果在于：

1、通过对输入图像的格式进行判断后实时进行转换，使得能够通过后续操作完成对不同类型图像的处理，同时将图像的编辑操作与操控事件进行对应，并对操控事件中的编辑数据进行提取得到操控控件，同时按照事件的发生顺序将对应的操控控件进行存储，最后对操控控件进行依次渲染得到目标Canvas图像，实现对Canvas图像按照需要进行不同类型的处理，系统搭建简单，能够在对不同类型图像进行Canvas图像处理的同时，对Canvas图像进行多个不同的编辑操作，降低系统搭建难度，增加系统的功能，在对Canvas图像进行处理时能高效地完成对不同类型图像转化为Canvas后的处理工作。

2、通过对Canvas图像进行处理的每一个编辑操作通过对应的操控控件进行记录，一方面在通过对应的操控控件对Canvas图像进行渲染时能够及时快速地匹配对应的渲染算法，节省渲染时间，同时也能够在需要对完成的一个或者多个编辑操作进行删除时可以及时准确地找到对应的操控控件后进行删除，使得对Canvas图像的编辑更加快速高效。

附图说明

图1为本发明实施例1全能图像显控系统示意图；

图2为本发明实施例2全能图像显控系统示意图；

图3为本发明实施例3全能图像显控系统示意图；

图4为本发明实施例4全能图像显控方法步骤图。

具体实施方式

实施例1

参考图1，一种全能图像显控系统，包括：

图像输入单元，用于将不同类型的图像输入并判断图像类型；

图像处理单元，用于将输入的图像转换为初始Canvas图像；

具体的，在对不同类型的图像进行Canvas图像编辑处理时，需要先把不同类型的图像转换处理为Canvas图像，随后才能对Canvas图像按照需求进行处理。

图像容器单元，用于接收初始Canvas图像并存储；

具体的，在将不同类型的图像转换为对应的Canvas图像后，将该Canvas图像接收并进行存储，通常一次只选择一种类型的图像进行转换编辑处理，对于多种类型的图像编辑处理可以通过增加多个任务窗口在同一个显示界面中进行编辑处理，每一个任务窗口执行独立的全能图像显控系统。

显示单元，用于显示初始Canvas图像、过程Canvas图像、编辑Canvas图像或目标Canvas图像；

具体的，将转换后的初始Canvas图像进行显示，以便对Canvas图像进行观察，同时对每一步编辑操作的结果进行显示，对所有编辑操作完成后得到的编辑Canvas图像进行显示，对于渲染后的Canvas图像也进行显示；其中一个显示单元只显示一个图像转换Canvas图像编辑处理，即一个显示单元对应一个任务窗口的显示界面。

图像编辑单元，用于对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，操控事件包含与编辑操作对应的编辑数据；编辑Canvas图像为最后一步编辑操作得到对应的过程Canvas图像。

具体的，对显示的初始Canvas图像进行编辑，通常需要至少一步的编辑操作，对初始Canvas图像例如先缩放编辑得到对应的缩放Canvas图像，再裁剪编辑时在上一步编辑操作得到的缩放Canvas图像上进行裁剪编辑，此时得到对应的裁剪Canvas图像，如此，按照需要依次执行对应的编辑操作，每一步编辑操作都是在初始Canvas图像或者在上一步编辑操作后得到的过程Canvas图像的基础上进行编辑操作，所以每一次得到一个过程Canvas图像，同时得到与之对应的过程Canvas图像，直至完成最后一步编辑操作，此时得到的图像即为编辑Canvas图像；裁剪编辑后Canvas图像通过裁剪框显示保留的区域和会被舍弃的区域，后续在保留的区域进行缩放后会将保留区域的大小进行变化得到大小变化后的裁剪Canvas图像；不同的编辑操作会对Canvas图像进行不同的改变，每一个编辑操作都对应一个操控事件，操控事件会按照编辑操作的使用顺序依次生成，由于每一次的编辑操作都会对应编辑数据，例如缩放时鼠标将过程Canvas图像的一个顶点进行拖拽时会通过鼠标得到顶点的初始位置数据和最终位置数据，进而获知等比例缩放的缩放比例，对于非等比例缩放的操作可以得到过程Canvas图像的每个顶点位置变化前后的数据等。

控件生成单元，用于依次将每个操控事件对应的数据进行提取得到对应的操控控件和与操控控件对应的控件ID；

具体的，每一个操控事件都对应一个编辑数据，编辑数据主要是收集鼠标的动作事件所产生的数据和/或键盘输入的数据，通过将每一步编辑操作对应的编辑数据进行提取并得到与编辑操作和编辑数据一一对应的操控控件和与操控控件对应的控件ID，操控控件的控件ID与操控控件是绑定的，每一个操控控件的控件ID均不相同，同时通过操控控件的控件ID类型可以区分不同类型的操控事件，例如是与缩放对应的操控控件还是与裁剪对应的操控控件。

控件容器单元，用于依次接收得到的操控控件和对应的控件ID，用于存储操控控件和控件ID；

具体的，将所有依次接收得到的操控控件与对应的控件ID按照得到的顺序依次进行存储，操控控件得到的顺序与对初始Canvas图像进行编辑的编辑操作顺序相同。

渲染单元，用于通过操控控件对编辑Canvas图像进行渲染处理得到目标Canvas图像；

具体的，在对初始Canvas图像依次进行多次编辑后通过最后一步编辑操作得到过程Canvas图像中的裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像中的一种，将最后得到的过程Canvas图像作为编辑Canvas图像，此时由于显示的过程Canvas图像依旧保留有编辑痕迹，所以需要对得到的编辑Canvas图像进行渲染得到最终编辑完成的目标Canvas图像，在进行渲染时，依次在初始Canvas图像上按照顺序排列的控件ID匹配对应的操控控件进行渲染处理，最后得到目标Canvas图像并显示；对于没有进行编辑操作的初始Canvas图像，由于没有编辑操作所以没有对应的编辑数据以及操作控件和控件ID，所以在进行渲染时执行内容为空，但是也会进行渲染操作，得到渲染的目标Canvas图像即为初始Canvas图像。

其中图像处理单元包括：

图像数据处理模块，用于接收图像数据类型的图像，提取图像数据并转换为初始Canvas图像；

图片处理模块，用于接收图片类型的图像，提取所述图片信息和图片路径，创建Image对象并初始化后转换为初始Canvas图像；

Canvas图像处理模块，用于接收Canvas图像，生成初始Canvas图像；

具体的，图像的类型主要分为三种，一种就是输入的直接是图像数据，此时只需要将图像数据转换为Canvas图像即可；一种是常见的图片类型，在对图片进行转换时需要先提取图片的信息和存储的路径完成对图片的读取，随后建立Image并初始化，得到空白的Canvas图像，完成对Canvas图像的转换，对于Canvas图像则直接导入即可。

通过对输入图像的格式进行判断后实时进行转换，使得能够通过后续操作完成对不同类型图像的处理，提高适用范围，降低工作难度，提高工作效率，同时通过将对图像的编辑与操控事件进行对应，并将操控事件与对应的操控控件对应，同时按照事件的发生顺序将对应的操控控件进行存储，最后在操控控件进行依次操作完成后得到最后的编辑Canvas图像，实现对Canvas图像按照需要进行不同操作类型的处理，系统搭建简单，能够在对不同类型图像进行Canvas图像处理的同时，对Canvas图像进行多个不同的编辑操作，降低系统搭建难度，增加系统的功能，在对Canvas图像进行处理时能高效地完成对不同类型图像转化为Canvas后的处理工作。

实施例2

参考图2，与实施例1不同的是，图像编辑单元包括：

事件匹配模块，用于将编辑操作与操控事件进行匹配；

具体的，按照编辑操作，在对初始Canvas图像或者对过程Canvas图像进行编辑时，会依次使用不同的编辑操作，按照编辑操作与对应的操控事件进行匹配，相同的编辑操作与相同的操控事件匹配，但是相同的编辑操作对应的编辑数据可能并不相同，所以对应的操控事件的数据也不相同，例如对Canvas图像先进行放大50%，再在Canvas图像中间位置添加文本，最后将整体缩小10%，此时编辑操作分别为缩放编辑、文本编辑和缩放编辑，缩放编辑与缩放事件进行匹配，文本编辑与文本添加事件匹配，虽然两次缩放编辑均与缩放事件匹配，但是前者缩放比例为50%，后者的缩放比例为10%，其各自对应的编辑数据不同，与之匹配的编辑事件的数据也不同；编辑数据包括：图像裁剪数据、图像缩放数据、图像移动数据、文本建立数据和图像绘制数据；

编辑操作包括：图像裁剪操作、图像缩放操作、图像移动操作、文本建立操作、图像绘制操作和事件删除操作；在对Canvas图像进行编辑时可能会存在其中一种编辑操作，也可能存在多种编辑操作。

图像编辑单元还包括：

图像裁剪模块，用于对显示的初始Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像或调整Canvas图像进行裁剪得到裁剪Canvas图像，用于根据裁剪步骤得到裁剪操控事件，裁剪操控事件包含图像裁剪数据；

图像缩放模块，用于对显示的初始Canvas图像或裁剪Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像或调整Canvas图像进行缩放得到缩放Canvas图像，用于根据缩放步骤得到缩放操控事件，缩放操控事件包含图像缩放数据；

图像移动模块，用于对显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或文本添加Canvas图像或图像绘制Canvas图像或调整Canvas图像进行移动得到移动Canvas图像，用于根据移动步骤得到移动操控事件，移动操控事件包含图像移动数据；

文本建立模块，用于在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或图像绘制Canvas图像或调整Canvas图像上建立文本得到文本添加Canvas图像，用于根据建立文本的步骤得到文本建立操控事件，文本建立操控事件包含文本建立数据；

图像绘制模块，用于在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像或调整Canvas图像得到图像绘制Canvas图像，用于根据绘制图像的步骤得到绘制图像操控事件，绘制图像操控事件包含图像绘制数据；

具体的，对初始Canvas图像或者过程Canvas图像编辑的每一个步骤都会通过鼠标事件或者键盘数据记录对应的数据得到与该编辑操作步骤匹配的编辑数据，不同的编辑操作或者相同的编辑操作因为具体的操作步骤不同得到的编辑数据不同，例如对图片的缩放编辑和对图片的裁剪编辑的步骤不同，对应的编辑数据不同，其编辑操作也不同，相同的编辑操作其对应的编辑操作数据通常都是接近的，但是对于相同的编辑步骤，其在上一次编辑的基础上或者在时间上都会存在差别；通过不同编辑操作的操作步骤得到与该步骤唯一对应的编辑操作数据；

对于初始Canvas图像或者过程Canvas图像进行编辑操作时，相同的编辑操作连续进行时只得到依次对应的过程Canvas图像，例如对缩放Canvas图像进行两次裁剪，在第一裁剪后得到第一次裁剪Canvas图像，在第二次裁剪时是在得到的第一次裁剪Canvas图像的基础上进行裁剪操作得到第二次裁剪Canvas图像，第二次裁剪Canvas图像依旧是裁剪Canvas图像，也就是两次裁剪操作可以看作对上一步的缩放Canvas图像进行裁剪操作得到裁剪Canvas图像，而不是对裁剪Canvas图像进行裁剪得到裁剪Canvas图像，对应的裁剪事件只有一个，即裁剪操控事件，同理编辑数据也只有一条，即为第一次裁剪操作前与第二次裁剪操作之间的产生的数据，所以每一个编辑操作只对初始Canvas图像或者其他编辑操作得到的过程Canvas图像进行编辑；

事件删除模块，用于根据控件ID删除对应的操控控件；

具体的，在完成上述的编辑操作后得到对应的过程Canvas图像，此时可能会对之前编辑操作得到的操控控件进行删除，在删除对应的操控控件后并不会直接将显示的编辑痕迹删除，也不会得到对应的操控控件和编辑数据，所以在控件删除操作完成后可以继续进行裁剪、缩放等编辑操作，也可以作为编辑操作的最后一步，例如编辑操作的最后一步是缩放操作，此时将最后一步对应的操控控件删除后得到的依旧是缩放Canvas图像，此时缩放Canvas图像即为编辑Canvas图像，在后续渲染时编辑Canvas图像最后缩放操作对应的数据为空即进行对应的渲染结果与执行该渲染前相同，在后续没有操控控件时渲染进行到最后一步的上一步结束渲染。

实施例3

参考图3，与实施例2不同的是，渲染单元包括：

图像裁剪渲染模块，用于提取图像裁剪数据，根据图像裁剪数据对裁剪Canvas图像进行渲染处理得到裁剪目标图像；

图像缩放渲染模块，用于提取图像缩放数据，根据图像缩放数据对缩放Canvas图像进行渲染处理得到缩放目标图像；

图像移动渲染模块，用于提取图像移动数据，根据图像移动数据对移动Canvas图像进行渲染处理得到移动目标图像；

文本建立渲染模块，用于提取文本建立数据，根据文本建立数据对文本添加Canvas图像进行渲染处理得到文本添加目标图像；

图像绘制渲染模块，用于提取图像绘制数据，根据图像绘制数据对图像绘制Canvas图像进行渲染处理得到图像绘制目标图像；

目标Canvas图像包括裁剪目标图像、缩放目标图像、移动目标图像、文本添加目标图像和图像绘制目标图像；

目标输出模块，用于将编辑Canvas图像渲染处理后得到对应的目标Canvas图像输出给显示单元；

具体的，在得到多个依次排序的操控控件后，通过对应的渲染方式利用对应的编辑数据对过程Canvas图像按照操控控件的排序依次进行渲染处理，最终得到对应的目标Canvas图像，完成对Canvas图像的渲染，最后通过目标输出模块发送给显示模块进行显示；例如初始Canvas图像依次经过裁剪、缩放和文本建立三个编辑操作，得到依次排列的裁剪、缩放和建立文本三个操控控件，在进行渲染时先提取裁剪数据对初始Canvas图像进行渲染得到裁剪目标图像，随后提取缩放数据对裁剪目标图像进行渲染得到缩放目标图像，最后提取文本建立数据对缩放目标图像建立文本得到文本建立目标图像，文本建立操作作为编辑操作的最后一步，此时文本建立Canvas图像为编辑Canvas图像，此时完成编辑Canvas图像的渲染即可得到目标Canvas图像，最后将得到的目标Canvas图像发送进行显示；对Canvas图像进行裁剪、缩放、移动、文本建立和图像绘制均为现有方法，在通过该方法对Canvas图像进行处理时会根据操控控件的类型进行匹配对应的处理方法，该图像显控系统操作简单，能够极大加快对Canvas图像的处理效率。

实施例4

参考图4，本实施例提供一种全能图像显控方法，包括以下步骤：

将不同类型的图像输入并判断图像类型；

将输入的图像转换为初始Canvas图像；

接收初始Canvas图像并存储；

显示初始Canvas图像；

对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，并显示过程Canvas图像或编辑Canvas图像，操控事件包含与编辑操作对应的编辑数据；

将每个操控事件对应的编辑数据进行提取得到对应的操控控件和与操控控件对应的控件ID；

依次接收并依次存储所述操控控件和与操控控件对应的控件ID；

通过操控控件对编辑Canvas图像进行渲染得到目标Canvas图像并显示。

其中，将输入的图像转换为初始Canvas图像包括以下子步骤中的一步：

接收图像数据类型的图像，提取所述图像数据并转换为初始Canvas图像；

接收图片类型的图像，提取所述图片信息和图片路径，创建Image对象并初始化后转换为初始Canvas图像；

接收Canvas图像，生成初始Canvas图像；

需要说明的是，该步骤中同时只会对其中一种类型的图像进行转换并进行后续的操作，需要对多个不同类型的图像进行处理时则按照全能图像显控方法重新导入一张图像。

其中，对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，并显示过程Canvas图像或编辑Canvas图像，操控事件包含与编辑操作对应的编辑数据包含以下子步骤：

将编辑操作与操控事件进行匹配；

所述编辑操作包括：图像裁剪操作、图像缩放操作、图像移动操作、文本建立操作和图像绘制操作。

对显示的初始Canvas图像进行编辑，依次得到与编辑对应的操控事件包括以下子步骤中的一步或多步：

对显示的初始Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行裁剪得到裁剪Canvas图像，用于根据裁剪步骤得到裁剪操控事件，裁剪操控事件包含图像裁剪数据；

对显示的初始Canvas图像或裁剪Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行缩放得到缩放Canvas图像，用于根据缩放步骤得到缩放操控事件，缩放操控事件包含图像缩放数据；

对显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行移动得到移动Canvas图像，用于根据移动步骤得到移动操控事件，移动操控事件包含图像移动数据；

在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或图像绘制Canvas图像上建立文本得到文本添加Canvas图像，用于根据建立文本的步骤得到文本建立操控事件，文本建立操控事件包含文本建立数据；

在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像得到图像绘制Canvas图像，用于根据绘制图像的步骤得到绘制图像操控事件，绘制图像操控事件包含图像绘制数据；

根据控件ID删除对应的操控控件；

需要说明的是，在对初始图像进行一种编辑操作时就只有上述步骤中对应的一步，当对初始图像进行多种编辑操作时，就对应的会有上述步骤中的多步，可能会是任意两个步骤多次出现，也可能会是多个步骤只执行一次，执行的顺序也按照实际的操作需要进行选择。

其中，通过操控控件对编辑Canvas图像进行渲染得到目标Canvas图像并显示包括以下子步骤中的一步或多步：

提取图像裁剪数据，根据图像裁剪数据对裁剪Canvas图像进行渲染处理得到裁剪目标图像；

提取图像缩放数据，根据图像缩放数据对缩放Canvas图像进行渲染处理得到缩放目标图像；

提取图像移动数据，根据图像移动数据对移动Canvas图像进行渲染处理得到移动目标图像；

提取文本建立数据，根据文本建立数据对文本添加Canvas图像进行渲染处理得到文本添加目标图像；

提取图像绘制数据，根据图像绘制数据对图像绘制Canvas图像进行渲染处理得到图像绘制目标图像；

将编辑Canvas图像渲染处理后得到对应的目标Canvas图像输出给显示单元进行显示；

需要说明的是，对编辑Canvas图像进行渲染时，可能只存在编辑操作执行了一步，渲染时对应地就只执行对应的一步，当编辑操作执行多步时，对应的渲染操作就也按照顺序执行对应的步骤。

Claims (10)

1.一种全能图像显控系统，其特征在于，包括：

图像输入单元，用于输入图像并判断图像类型；

图像处理单元，用于将输入的图像转换为初始Canvas图像；

图像容器单元，用于接收初始Canvas图像并存储；

显示单元，用于显示初始Canvas图像、过程Canvas图像、编辑Canvas图像或目标Canvas图像；

图像编辑单元，用于对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，操控事件包含与编辑操作对应的编辑数据；

控件生成单元，用于将每个操控事件对应的编辑数据进行提取得到对应的操控控件和与操控控件对应的控件ID；

控件容器单元，用于依次接收并依次存储所述操控控件和与操控控件对应的控件ID；

渲染单元，用于通过操控控件对编辑Canvas图像进行渲染处理得到目标Canvas图像；具体用于：在得到多个依次排序的操控控件后，通过对应的渲染方式利用对应的编辑数据对过程Canvas图像按照操控控件的排序依次进行渲染处理，最终得到对应的目标Canvas图像；

所述编辑Canvas图像为最后一步编辑操作得到对应的过程Canvas图像。

2.根据权利要求1所述的全能图像显控系统，其特征在于，所述图像处理单元包括：

图像数据处理模块，用于接收图像数据类型的图像，提取所述图像数据并转换为初始Canvas图像；

图片处理模块，用于接收图片类型的图像，提取图片信息和图片路径，创建Image对象并初始化后转换为初始Canvas图像；

Canvas图像处理模块，用于接收Canvas图像，生成初始Canvas图像。

3.根据权利要求1所述的全能图像显控系统，其特征在于，所述图像编辑单元包括：

事件匹配模块，用于将编辑操作与操控事件进行匹配；

所述编辑操作包括：图像裁剪操作、图像缩放操作、图像移动操作、文本建立操作和图像绘制操作。

4.根据权利要求3所述的全能图像显控系统，其特征在于，所述图像编辑单元还包括：

图像裁剪模块，用于对显示的初始Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行裁剪得到裁剪Canvas图像，用于根据裁剪步骤得到裁剪操控事件，裁剪操控事件包含图像裁剪数据；

图像缩放模块，用于对显示的初始Canvas图像或裁剪Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行缩放得到缩放Canvas图像，用于根据缩放步骤得到缩放操控事件，缩放操控事件包含图像缩放数据；

图像移动模块，用于对显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行移动得到移动Canvas图像，用于根据移动步骤得到移动操控事件，移动操控事件包含图像移动数据；

文本建立模块，用于在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或图像绘制Canvas图像上建立文本得到文本添加Canvas图像，用于根据建立文本的步骤得到文本建立操控事件，文本建立操控事件包含文本建立数据；

图像绘制模块，用于在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像得到图像绘制Canvas图像，用于根据绘制图像的步骤得到绘制图像操控事件，绘制图像操控事件包含图像绘制数据；

事件删除模块，用于根据控件ID删除对应的操控控件；

所述过程Canvas图像包括裁剪Canvas图像、缩放Canvas图像、移动Canvas图像和文本添加Canvas图像；

所述编辑数据包括：图像裁剪数据、图像缩放数据、图像移动数据、文本建立数据和图像绘制数据。

5.根据权利要求4所述的全能图像显控系统，其特征在于，所述渲染单元包括：

图像裁剪渲染模块，用于提取图像裁剪数据，根据图像裁剪数据对裁剪Canvas图像进行渲染处理得到裁剪目标图像；

图像缩放渲染模块，用于提取图像缩放数据，根据图像缩放数据对缩放Canvas图像进行渲染处理得到缩放目标图像；

图像移动渲染模块，用于提取图像移动数据，根据图像移动数据对移动Canvas图像进行渲染处理得到移动目标图像；

文本建立渲染模块，用于提取文本建立数据，根据文本建立数据对文本添加Canvas图像进行渲染处理得到文本添加目标图像；

图像绘制渲染模块，用于提取图像绘制数据，根据图像绘制数据对图像绘制Canvas图像进行渲染处理得到图像绘制目标图像；

目标Canvas图像包括裁剪目标图像、缩放目标图像、移动目标图像、文本添加目标图像和图像绘制目标图像；

目标输出模块，用于将编辑Canvas图像渲染处理后得到对应的目标Canvas图像输出给显示单元。

6.一种全能图像显控方法，其特征在于，包括以下步骤：

将不同类型的图像输入并判断图像类型；

将输入的图像转换为初始Canvas图像；

接收初始Canvas图像并存储；

显示初始Canvas图像；

对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，并显示过程Canvas图像或编辑Canvas图像，操控事件包含与编辑操作对应的编辑数据；

将每个操控事件对应的编辑数据进行提取得到对应的操控控件和与操控控件对应的控件ID；

依次接收并依次存储所述操控控件和与操控控件对应的控件ID；

通过操控控件对编辑Canvas图像进行渲染得到目标Canvas图像并显示，具体用于：在得到多个依次排序的操控控件后，通过对应的渲染方式利用对应的编辑数据对过程Canvas图像按照操控控件的排序依次进行渲染处理，最终得到对应的目标Canvas图像；

所述编辑Canvas图像为最后一步编辑操作得到对应的过程Canvas图像。

7.根据权利要求6所述的全能图像显控方法，其特征在于，所述将输入的图像转换为初始Canvas图像包括以下子步骤中的一步：

接收图像数据类型的图像，提取所述图像数据并转换为初始Canvas图像；

接收图片类型的图像，提取图片信息和图片路径，创建Image对象并初始化后转换为初始Canvas图像；

接收Canvas图像，生成初始Canvas图像。

8.根据权利要求7所述的全能图像显控方法，其特征在于，所述对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，并显示过程Canvas图像或编辑Canvas图像，操控事件包含与编辑操作对应的编辑数据包含以下子步骤：

将编辑操作与操控事件进行匹配；

所述编辑操作包括：图像裁剪操作、图像缩放操作、图像移动操作、文本建立操作和图像绘制操作。

9.根据权利要求8所述的全能图像显控方法，其特征在于，所述对显示的初始Canvas图像或过程Canvas图像依次执行编辑操作得到编辑Canvas图像和操控事件，并显示过程Canvas图像或编辑Canvas图像，操控事件包含与编辑操作对应的编辑数据包括以下子步骤中的一步或多步：

对显示的初始Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行裁剪得到裁剪Canvas图像，用于根据裁剪步骤得到裁剪操控事件，裁剪操控事件包含图像裁剪数据；

对显示的初始Canvas图像或裁剪Canvas图像或移动Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行缩放得到缩放Canvas图像，用于根据缩放步骤得到缩放操控事件，缩放操控事件包含图像缩放数据；

对显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或文本添加Canvas图像或图像绘制Canvas图像进行移动得到移动Canvas图像，用于根据移动步骤得到移动操控事件，移动操控事件包含图像移动数据；

在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或图像绘制Canvas图像上建立文本得到文本添加Canvas图像，用于根据建立文本的步骤得到文本建立操控事件，文本建立操控事件包含文本建立数据；

在显示的初始Canvas图像或裁剪Canvas图像或缩放Canvas图像或移动Canvas图像或文本添加Canvas图像得到图像绘制Canvas图像，用于根据绘制图像的步骤得到绘制图像操控事件，绘制图像操控事件包含图像绘制数据；

根据控件ID删除对应的操控控件；

所述过程Canvas图像包括裁剪Canvas图像、缩放Canvas图像、移动Canvas图像和文本添加Canvas图像；

所述编辑数据包括：图像裁剪数据、图像缩放数据、图像移动数据、文本建立数据和图像绘制数据。

10.根据权利要求9所述的全能图像显控方法，其特征在于，所述通过操控控件对编辑Canvas图像进行渲染得到目标Canvas图像并显示包括以下子步骤中的一步或多步：

提取图像裁剪数据，根据图像裁剪数据对裁剪Canvas图像进行渲染处理得到裁剪目标图像；

提取图像缩放数据，根据图像缩放数据对缩放Canvas图像进行渲染处理得到缩放目标图像；

提取图像移动数据，根据图像移动数据对移动Canvas图像进行渲染处理得到移动目标图像；

提取文本建立数据，根据文本建立数据对文本添加Canvas图像进行渲染处理得到文本添加目标图像；

提取图像绘制数据，根据图像绘制数据对图像绘制Canvas图像进行渲染处理得到图像绘制目标图像；

将编辑Canvas图像渲染处理后得到对应的目标Canvas图像输出给显示单元进行显示。

Images