HTML5 Canvas绘制红色矩形教程
通过HTML5的Canvas元素,可以轻松绘制各种图形。以下是一个绘制红色矩形的示例:
首先,通过document.getElementById
方法获取Canvas元素,然后调用getContext('2d')
获取2D渲染上下文。接着,设置填充样式为红色#FF0000
,并使用fillRect
方法绘制一个左上角坐标为(0,0),宽80像素,高100像素的矩形。
1.19MB
文件大小:
评论区