贝塞尔曲线又叫贝兹曲线，在大学高数中一度让我非常头疼。前阵子练手写动画的时候，发现贝塞尔曲线可以应用于轨迹的绘制以及定义动画曲线。

canvas用于在网页上绘制图像、动画，可以将其理解为画布，在这个画布上构建想要的效果。

用户交互，指的是用户可以借助鼠标或键盘参与到Canvas动画中去，来实现一些互动的效果。这节主要基于鼠标事件来实现一些用户交互功能。

边界检测，指的是检测一个物体所处“运动环境的范围”，简单来说，就是给运动物体限定一个范围，从而实现某些动画效果。

在Canvas中，mousedown、mouseup和mousemove这三种事件常用于实现拖拽功能。

1）shadowOffsetX：阴影与图形的水平距离，默认值为0，大于0时向右偏移，小于0时向左偏移；

注：对于Canvas来说，“状态”都必须在“动作”之前定义。在默认情况下，Canvas会把所有绘制的图形都保留下来，如果不想保留之前绘制的图形，在绘制新图形之前需要把这个Canvas清空，然后再去绘制新的图形。...

在Canvas中，我们不仅可以绘制各种形状的图形，还可以将图片导入到Canvas中进行各种操作，例如平铺、切割、像素处理等。

Canvas又称为“画布”，是HTML5的核心技术之一，通常说的Canvas技术，指的就是使用Canvas元素结合JavaScript来绘制各种图形的技术。

这个高级SwiftUI动画系列的第五部分将探索Canvas视图。从技术上讲，它不是一个动画视图，但当它与第四部分的 TimelineView 结合时，它带来了很多有趣的可能性，正如这个数字雨的例子所示。...