Canvas渲染模式对性能和效果的影响是怎样的？

Canvas作为HTML5中的绘图API，其渲染模式对性能和效果有着重要的影响。在本文中，我们将详细探讨Canvas的渲染模式，并通过具体的代码示例来说明。

1. 2D渲染模式
   Canvas的2D渲染模式是最常见且默认的模式。在此模式下，我们可以使用2D上下文对象进行绘制操作，例如绘制路径、矩形、文字、图像等。以下是一个简单的2D渲染模式的示例代码：

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

ctx.fillStyle = "red"; // 设置填充颜色为红色
ctx.fillRect(10, 10, 100, 100); // 绘制一个红色矩形