### 简介
HTML5的Canvas元素提供了一种在网页上绘制图形的方法，通过JavaScript，我们可以使用Canvas API来绘制各种形状、线条和图像，本文将展示如何使用HTML5的Canvas来绘制弧线和旋转的图形。
### 基本用法
我们需要创建一个`
```html
```
### 画弧线
要绘制一个弧线，我们可以使用`arc()`方法，该方法接受三个参数：圆心的x坐标、y坐标、半径、起始角度和结束角度。
```javascript
ctx.beginPath();
ctx.arc(200, 200, 100, 0, 2 * Math.PI);
ctx.stroke();
```
上面的代码将在画布的中心绘制一个半径为100像素的圆形。
### 旋转图形
要旋转图形，我们可以使用`rotate()`方法，该方法接受一个参数，表示旋转的角度（以弧度为单位）。
```javascript
ctx.save();
ctx.translate(200, 200); // 将原点移动到画布中心
ctx.rotate(Math.PI / 6); // 旋转30度
ctx.beginPath();
ctx.arc(0, 0, 100, 0, 2 * Math.PI);
ctx.stroke();
ctx.restore();
```
上面的代码将在画布中心绘制一个旋转了30度的圆形。
### 综合实例
下面是一个综合实例，展示了如何绘制一个旋转的弧线：
```html
```
上面的代码将在画布中心绘制一个旋转了30度的圆形弧线。
### FAQs
**Q1：如何在Canvas中绘制其他形状？
A1：除了弧线和圆形，Canvas还支持绘制矩形、多边形、路径等，你可以使用`rect()`、`moveTo()`和`lineTo()`等方法来绘制这些形状。
**Q2：如何改变图形的颜色？
A2：你可以通过设置上下文的`fillStyle`和`strokeStyle`属性来改变图形的填充颜色和边框颜色，`ctx.fillStyle = 'red';`将填充颜色设置为红色，`ctx.strokeStyle = 'blue';`将边框颜色设置为蓝色。
```html
```
效果图描述：
页面中会显示一个400x400像素的画布。
画布左上角会绘制一个红色的圆形。
画布中心会不断旋转一个蓝色的正方形，每次旋转5度。
请将上述代码保存为HTML文件，并在浏览器中打开以查看效果。