原文:基于vue和canvas开发的作业批改,包含画笔、橡皮擦、拖拽到指定位置、保存批改痕迹等功能案例

前言 由于业务需求,需要开发一个可以批改作业的组件,网上搜的一些插件不太符合业务需求,没办法 gt lt 只能自己写呗 此处掉头发两根 。 其原理是在学生提交的图片上使用画笔批改 橡皮擦 拖拽缩放 旋转 按步骤减分 和其他一些辅助功能操作,期间踩了很多坑,但也是在学习中成长,这里贴出来可以给迷茫的人一个参考,也给自己记录一下。代码写的通俗易懂,我觉得大家只要有点基础都可以看懂,这个案例不是最完美的 ...

2021-06-09 18:35 0 2317 推荐指数:

查看详情

android之画板功能橡皮擦 画笔大小和画笔颜色

第一展示设置画笔颜色的功能,第二展示设置画笔大小的颜色,而第三则展示橡皮擦功能,这节将图标颜色设置为了蓝色,并且,增加了最左边的按钮(其实,就是在gridview中多增加了一个item)。 下面分别讨论,橡皮擦,设置画笔大小,设置画笔颜色的主要思想: 1. 橡皮擦功能: 基本原理:橡皮擦 ...

Thu Dec 25 02:32:00 CST 2014 2 5784
android 画板之橡皮擦功能开发

记录一下橡皮擦功能开发。 讲一下原理: 橡皮擦功能要用到Paint类的一个属性: paint.setXfermode(new PorterDuffXfermode(PorterDuff.Mode.DST_IN)); 这句代码的意思是: 只在源图像和目标图像相交的地方绘制目标图像 不懂 ...

Sat Aug 13 01:35:00 CST 2016 8 5570
在自己实现的ios画图程序中如何实现橡皮擦功能

通过cgcontextref来画图的时候,实现橡皮擦功能的方式有两种: 1. 将画笔设置为背景色来实现橡皮擦功能。 这种情况适用于当前设置context的blend mode为normal的时候,即 CGContextSetBlendMode ...

Sat Mar 17 22:58:00 CST 2012 0 3887
Unity 实现橡皮擦效果

我所实现的橡皮擦效果是设置图片某点的像素的透明度为0,来简单实现擦除效果的; 下面是效果 首先需要注意两点:1:设置 Main Camera 的 projection 属性为Orthographic ...

Tue Oct 08 20:00:00 CST 2019 0 1425
记一次英语批改作业软件的开发-除了老师和家长,它也可以批改作业

除了老师和家长,它也可以批改作业 最近一个家长退群的故事在某博上了热搜。故事中老师和家长的矛盾由批改作业集中爆发,至于孰是孰非,还是交给吃瓜群众去评价吧,作为一个技术工作者,我突发奇想,是否以后能让机器来辅助老师批改作业呢?这仿佛是个维护世界和平的点子! 经过一阵调(搜)研(索),在英语 ...

Sat Dec 05 18:02:00 CST 2020 3 523
Unity3d UGUI 实现刮刮卡 橡皮擦

有个朋友问我怎么在Unity中使用 UGUI 实现刮刮卡功能,之前确实没有做过,但我想了下,应该使用 Shader 可以达到。于是花了点时间实现了下改功能。 下面说下实现方式。 这里我主要使用到一个脚本和一个Shader。 另一个脚本 ...

Tue Dec 29 02:54:00 CST 2015 1 2935
 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM