在页面中添加canvas元素会在页面上生成一个矩形的位图画布,可以使用JavaScript在画布上实时绘制图形图像.在绘制图形时,需要先调用画布的getContext函数获取与该画布相关的用于绘制图形(如2D图形.3D图形)的对象,然后使用这个对象调用不同的图形函数来绘制相应的图形.下面分别介绍2D图形中几种常见图形的绘制方法. (1)直线 在绘制直线时,先使用moveTo(x,y)函数设置直线的起始点,参数x和y表示起始点的横坐标和纵坐标,以像素为单位,接着通过lineTo(x, y) 函数设