百度前端技术学院是一个为大学生创办的免费的前端技术实践、分享、交流平台。由百度校园招聘组、百度校园品牌部、百度前端技术部以及多个百度的前端团队联合创办。学院组织了一批百度在职工程师,精心编写了数十个实践编码任务,将技术知识点系统有机地串联在各个充满趣味与挑战的任务中,同学们通过实际地编码练习来掌握知识,再辅以互相评价、学习笔记等方式,加深对于学习内容的理解。在过去的三年中,百度前端技术学院累积吸引了上万名同学参加,并且有数十名同学在学习后,顺利加入了百度,成为了百度的前端工程师。

自动抠图

困难

人数33人在学习该课程,有6人已经完成该课程

时间平均用时0.9

关键词Webcanvas边缘识别色差计算抠图

课程概述

作业提交截止时间:04-24

任务描述

欢迎加入商业平台学院QQ群38234781,获得与导师一对一的沟通机会

抠图在图像处理中是常见的功能,在很多行业都有广泛的应用,比如抠去电影画面中的绿幕。这个题目的需求相对简单,需要你实现
一个自动抠图的功能。

  • 首先,我们需要一个能动态载入图片的画布
  • 能从本地选择一张图片,放到一个canvas容器中。
  • 这个画布可以放大缩小,已达到缩放显示图片的目的。
  • 这个画布能响应鼠标事件,当鼠标点击在画布某个位置时,可以读取出当前位置的RGBA四通道颜色值。
  • 其次,我们希望有一个抠图功能
  • 鼠标点击画布后,要执行一个选中操作
  • 选中的区域不是规则图形,而是需要你,根据点击区域附近的颜色,自行确定选中范围
  • 确定了选中范围后,把这个区域设成纯白色,即可视为完成了这个题目
  • 你可以使用参考文件中的算法,也可以自己研究算法
    示意图
  • 最后,我们希望能够调整抠图的精度
  • 这就相当于图像处理软件里面的魔法棒工具,可以调整魔法棒的容差,以描述容忍的颜色色差。

任务注意事项

  • 请提交工程在github的托管地址
  • 请尽量使用JS原生API开发,允许使用jQuery等简单框架
  • 请合理组织代码结构,添加必要的注释
  • 工程以index.html启动,第三方库放在dep文件夹中,项目代码放在src文件夹中
  • 如工程需要构建或特殊启动流程,请在readme.md中提供

参考文献

学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记

暂无优秀学习笔记~