[发明专利]一种基于Web的作业批改方法、装置及系统

权利要求书

1.一种基于Web的作业批改方法，其特征在于，包括：

向服务器发送包含作业ID值的第一AJAX请求；

接收并解析服务器基于所述第一AJAX请求返回的第一JSON格式数据，所述第一JSON格式数据包括所述作业ID值对应的作业图片和绘制数据；

基于所述绘制数据为所述作业图片生成对应的Canvas画布，所述Canvas画布与所述作业图片一一对应；

监测所述Canvas画布上是否有批改作业操作，并在所述Canvas画布上有批改作业操作时更新对应的画布内容；

在所述Canvas画布的画布内容发生更新时对所述Canvas画布进行更新渲染；

在批改作业操作结束时根据所述Canvas画布的画布对象生成第二JSON格式数据；

向服务器发送包含所述第二JSON格式数据的第二AJAX请求，将所述第二JSON格式数据保存至服务器的数据库。

2.根据权利要求1所述的一种基于Web的作业批改方法，其特征在于，所述作业批改方法还包括：

为所述作业图片生成对应的页码目录项，所述页码目录项与所述作业图片一一对应，所述页码目录项包括作业缩略图和页码值；

将所述页码目录项与对应的Canvas画布关联。

3.根据权利要求1所述的一种基于Web的作业批改方法，其特征在于，所述服务器返回的绘制数据为所述服务器最近一次保存的所述作业ID值对应的绘制数据；

其中，若所述服务器未保存过所述作业ID值对应的绘制数据，则所述服务器返回的绘制数据为空。

4.根据权利要求1所述的一种基于Web的作业批改方法，其特征在于，在所述Canvas画布上有批改作业操作时更新对应的画布内容，包括：

通过监听事件获得绘制工具的起始坐标位置；

根据用户选择的绘制状态生成对应的包含特征属性的绘制内容对象，并记录所述绘制内容对象的起始位置，所述绘制内容对象的起始位置为所述绘制工具的起始坐标位置；

将所述绘制内容对象存储在对应的画布内容中；

通过监听事件实时获取绘制工具的当前位置，并将该当前位置作为所述绘制内容对象最新的结束位置，然后更新所述画布内容；

在绘制工具绘制结束时，停止对所述绘制内容对象的修改和对画布内容的更新。

5.根据权利要求1所述的一种基于Web的作业批改方法，其特征在于，在所述Canvas画布上有批改作业操作时更新对应的画布内容，包括：

通过监听事件获得绘制工具的起始坐标位置；

生成包含特征属性的绘制内容对象，并记录所述绘制内容对象的起始位置，所述绘制内容对象的起始位置为所述绘制工具的起始坐标位置；

将所述绘制内容对象存储在对应的画布内容中；

创建一个input文本类型的表单，并将该表单放置于起始坐标位置，进入focus焦点输入状态，表单处于输入状态；

在表单处于输入状态时，获取输入表单的文字内容；

监听blur焦点失去事件，将所述表单内的文字内容记录到绘制内容对象中，并更新所述画布内容。

6.根据权利要求1所述的一种基于Web的作业批改方法，其特征在于，在所述Canvas画布上有批改作业操作时更新对应的画布内容，包括：

通过监听事件获得选中需要修改的绘制内容对象；

根据所述绘制内容对象计算当前绘制内容的外部矩形区域；

根据所述外部矩形区域的大小显示编辑控件，以便用户操作所述编辑控件对绘制内容对象进行修改；

根据对所述绘制内容对象的修改更新画布内容。