如何运用HTML5画图

崇高的文本

首先准备一块画布，如下图所示。在HTML5中，我们使用canvas来表示画布。

然后我们在脚本脚本中获取canvas对象，如下图所示，使用JS的getElementById方法。

接下来我们通过canvas对象的getContext方法得到context 2d对象，如下图所示，所有我们要操作的内容都在里面。

然后我们使用上下文的fillStyle属性填充2d上下文的背景色，如下图所示。

接下来，使用context的fillRect方法绘制一个矩形。注意里面的四个值是四个坐标，如下图所示。

最后，我们运行接口程序，您将看到下图所示的红色矩形样本。你要对应上面的坐标。

当然也可以在2d上下文中绘制其他图形，比如下图所示的圆，大家可以根据自己的需求来应用。