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

UI组件之图片裁剪器

进阶

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

时间平均用时6.0

关键词WebUI组件

课程概述

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

任务描述

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

  • 如下示例图中所示,参考并实现一个图片裁剪器:

    图片裁剪器

  • 可以通过“选择图片”按钮唤起本地图片选择对话框

  • 选中图片后,出现图片裁剪框以及裁剪预览,裁剪框背景使用黑白格画布填充
  • 提供2种裁剪图片的方式:(1)固定宽高度裁剪;(2)自由裁剪。2种裁剪方式可支持用户自由选择,固定宽高度裁剪时,可支持用户输入目标宽、高
  • 将裁剪后的图片以请求方式发送给服务端,服务端生成最终图片,并将其保存在本地

任务注意事项

  • 示例图仅为参考,样式及交互方式不需要完全实现一致
  • 可以合理使用第三方框架、类库,但不可直接使用现成的图片裁剪组件
  • 请注意代码风格的整齐、优雅
  • 代码中含有必要的注释
学员提交的作业 (-)
学员名称提交时间提交的代码预览效果评价数平均得分操作
课程优秀学习笔记
标题发布时间浏览量点赞量
裁剪器功能分解2017-03-30 22:598263
点击查看更多课程优秀笔记