HTML5 Canvas绘制红色矩形教程

通过HTML5的Canvas元素,可以轻松绘制各种图形。以下是一个绘制红色矩形的示例:

首先,通过document.getElementById方法获取Canvas元素,然后调用getContext('2d')获取2D渲染上下文。接着,设置填充样式为红色#FF0000,并使用fillRect方法绘制一个左上角坐标为(0,0),宽80像素,高100像素的矩形。

pdf 文件大小:1.19MB