前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >在线教育平台开发中,作业批改功能是怎么实现的

在线教育平台开发中,作业批改功能是怎么实现的

原创
作者头像
万岳教育系统
修改2020-08-20 18:07:20
1.3K0
修改2020-08-20 18:07:20
举报

作业批改功能是在线教育平台中的一个常用功能,它可以让教师在后台进行作业批改,教师作业批改完成后,学生可以在手机端查看作业批改的内容。下面我们介绍一下再在线教育平台开发过程中,作业批改功能是怎么实现的?

如上图所示,以万岳在线教育系统为例,功能实现如下:

一、首先是加载学生上传的作业,代码如下

var json = {...};

imageEditor.loadImageFromURL('img/sampleImage.jpg', 'SampleImage').then(function(sizeValue) {

    imageEditor.clearUndoStack();

    fabric.Image.fromObject(json.objects[0],function(obj){

        imageEditor._graphics._canvas.add(obj);

    });

});

调用该接口后,便可以显示学生上传的作业的图像。

接着便可以在图像进行绘图,写字,添加语音和视频等编辑操作。从而达到在线修改作业的目的。

二、接下来展示一下该示例的基本功能

1、旋转

对于不是正面的作业图像,可以进行旋转。

2、划线

对于学生上传的作业,可以进行划线操作,可以标记一些图像中的内容。

3、图形

可以绘制一些简单的图形来更加直观得表达想要表达内容。

4、文本

可以添加一些文字来阐述我们想要表达的内容。

5、图片

可以在线录制一段音频或者上传一个视频来,更快速的进行作业批改。

除了上述功能外,还可以撤销或者重做我们的操作,也可以进行放大和还原的操作,等修改完作业后,便可以将修改后的作业上传到服务端进行保存提供给学生在手机进行预览。

手机端预览如下图

以上是在线教育平台开发中,作业批改功能的实现过程。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

原创声明:本文系作者授权腾讯云开发者社区发表,未经许可,不得转载。

如有侵权,请联系 cloudcommunity@tencent.com 删除。

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档