5.7 教案-画布组件.docx
《5.7 教案-画布组件.docx》由会员分享,可在线阅读,更多相关《5.7 教案-画布组件.docx(3页珍藏版)》请在得力文库 - 分享文档赚钱的网站上搜索。
5.7 教案-画布组件YOUR LOGO原 创 文 档 请 勿 盗 版第5章 小程序组件任务5.7 画布组件课时内容画布组件课时4教学目标了解什么是画布组件及其作用;掌握画布组件常用的属性与应用方法。教学重难点掌握画布组件常用的属性与应用方法。教学设计1.教学思路:介绍什么是画布组件及其作用,通过多媒体演示和实机操作讲解微信小程序了解什么是画布组件及其作用;掌握画布组件常用的属性与应用方法;通过小程序实战巩固基础知识。2.教学手段:多媒体+计算机3.教学资料:教材、多媒体课件教学内容一、任务描述canvas画布组件用来绘制正方形、圆形或者一些其他的形状。本任务要求使用画图组件canvas,使用画布绘制简笔画。本节的学习目标:(1) 了解什么是画布组件及其作用;(2) 掌握画布组件常用的属性与应用方法。二、 导入新知canvas组件常用属性三、 实现效果在canvas.wxml中声明了一个组件用于绘制图画,并在map.wxss中定义其样式为宽100%、高600rpx。在canvas.js的data中创建画布、设置填充颜色、设置填充区域为矩形、画图。四、 任务实现略,详见教材代码。练习
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 5.7 教案-画布组件 教案 画布 组件
限制150内