作者： 一去、二三里
个人微信号： iwaleon
微信公众号： 高效程序员
经过前面的 Canvas 学习，我们可以很容易地使用 strokeStyle 和 fillStyle 来设置图形的边框色和填充色，例如：“green”、“black” 等。其实除了使用纯色之外，我们还可以使用一些渐变色，如果你想让图形效果变得更加炫酷，甚至还可以为其添加阴影。
完整的思维导图如下：
渐变
Canvas 支持三种渐变，它们分别是：
| 渐变 | 函数 | 参数 |
|---|---|---|
| 线性渐变（从一个点到另一个点平滑过渡） | createLinearGradient(real x0, real y0, real x1, real y1) | (x0, y0) ：起点坐标 (x1, y1) ：终点坐标 |
| 辐射渐变（从一个点向四周圆形辐射） | createRadialGradient(real x0, real y0, rea |
![[Africa battleCTF 2023 prequal] CPR部分](https://img-blog.csdnimg.cn/57883e343c824986b02672c2843d3aa8.png)