HTML5 canvas矩形绘制基础

简介：
本教程详细介绍如何使用HTML5 Canvas API进行基本矩形绘制，包括设置画布环境、填充与描边矩形的方法及属性。 标签只是一个用于绘制图形的容器，在这个元素上除了可以设置id、class、style属性之外，还可以定义height和width属性。在元素上绘图主要分为三个步骤：首先获取该元素对应的DOM对象，这将得到一个Canvas对象；接着调用此Canvas对象的getContext()方法来获得一个CanvasRenderingContext2D对象；最后使用这个CanvasRenderingContext2D对象来进行具体的绘制操作。 关于矩形图形的绘制，主要有三种方法： - context.rect(x, y, width, height)：用于定义但不立即渲染矩形。