page contents

WEB前端教程:Canvas 画板

通过用 Canvas 写一个简易画图工具,学习掌握 Canvas 画图基础知识。

attachments-2022-10-dLm0OXs2635c9bcb100de.png课程目标

通过用 Canvas 写一个简易画图工具,学习掌握 Canvas 画图基础知识。

 阅读

 编码

参考示例图 (opens new window),现在我们来实现一个简易绘画板,具体功能要求如下

  • 提供一个 input 选择画布背景颜色
  • 提供一个 input 选择笔触颜色
  • 提供一个 input 设置画笔粗细
  • 点击清空按钮,完成画布的清空
  • 点击保存图像按钮,实现画布保存为图像并且实现下载
  • 点击展示画图路径按钮,可以将画画的过程重新展示出来,效果参考动态示例(opens new window)

 进阶任务

如果你很快就完成上面的任务,可以去 LeetCode 上去多进行一些练习。

 提交

把你今天觉得做得最好的代码放在 Github 后进行提交。

 总结

依然把今天的学习用时,收获,问题进行记录。


更多相关技术内容咨询欢迎前往并持续关注六星社区了解详情。

长按或扫描下方二维码,免费获取 Python公开课和大佬打包整理的几百G的学习资料,内容包含但不限于Python电子书、教程、项目接单、源码等等

attachments-2022-10-IGUBE80w635c9b966fc63.jpg

0 条评论

请先 登录 后评论
小柒
小柒

1470 篇文章

作家榜 »

  1. 轩辕小不懂 2403 文章
  2. 小柒 1470 文章
  3. Pack 1135 文章
  4. Nen 576 文章
  5. 王昭君 209 文章
  6. 文双 71 文章
  7. 小威 64 文章
  8. Cara 36 文章