Canvas绘图的常见方式及源代码示例

Canvas是HTML5提供的一个用于绘制图形、动画和其他可视化效果的元素。通过Canvas，开发者可以使用JavaScript动态地创建图形、渲染图像、实现动画效果等。本文将介绍Canvas的常见绘图方式，并提供相应的源代码示例。

1. 使用基本绘图函数

Canvas提供了一组基本的绘图函数，可用于绘制简单的图形，如线条、矩形、圆形等。下面是一些示例代码：

// 获取Canvas元素
var canvas = document.getElementById("myCanvas");
var context = canvas.