Juejin小册|小程序开发实战|8实战篇 5：为天气页面制作雨雪效果的粒子系统

实战篇 5：为天气页面制作雨雪效果的粒子系统

经过前两节的内容，基本天气预报页面的布局和数据交互都已经完成了，本节来介绍使用小程序的绘图 API 在「实时天气」模块上做一个雨雪效果。

小程序的绘图 API

小程序的绘图 API 跟 HTML5 的 Canvas 本质上有很大区别的，造成用法区别的原因是：

小程序的绘图（Canvas）是客户端实现的 Native UI 组件，而不是普通的 H5 组件，所以在使用上跟普通的 H5 组件用法略有不同。

Tips： 微信的 Canvas 在 iOS 上是 Ejecta 实现的。

上下文获取方式不同

小程序绘图 API 的 canvasContext 获取方式是通过 <canvas> 的 canvas-id 来获取的，即

<canvas canvas-id<