微信小程序项目开发 课件项目七、神秘的阴影.pptx

微信小程序项目开发项目七、神秘的阴影

这个任务主要用到的知识包括GPIO、外部中断、定时器等。任务一、使用Canvas画图任务二、制作神秘的阴影项目主要内容

画布/canvas()与HTML5基本一致，在微信小程序里面也是使用canvas画布来画图，画图的接口与HTML5的canvas几乎完全一致。从基础库2.9.0开始，微信小程序支持一套新的Canvas2D接口，原有的接口不再维护。新旧的接口差别不大，都需要使用到画布上下文，旧接口使用CanvasContext，新接口使用RenderingContext，两个对象的使用方法非常接近。

画布/canvas()在微信小程序中使用Canvas画图的一般步骤是：调用wx.createSelectorQuery方法获取布局文件中的Canvas组件；调用canvas.getContext方法得到画布上下文；调用画布上下文的方法实现绘制，一般步骤如下：（1）调用clearRect方法清屏；（2）调用beginPath方法开始一段路径；（3）调用lineTo方法画线、arc方法画圆或弧形；（4）设置画线属性（如线宽lineWidth、颜色strokeStyle）；（5）设置填充属性（如填充颜色fillStyle）；、（6）调用stroke方法描边；（7）调用fill方法填充。

演示旋转的五角星项目

项目介绍

演示制作过程01创建项目02修改index页面文件03解释项目逻辑代码

中国天眼

谢谢观看