创建<canvas>的绘图流程-软考在线

创建



考试要求：掌握

知识路径： > 电子商务系统程序设计基础 > Web 设计基础 > HTML5标记语言 > HTML5标记语言 > 创建画布

（1）获得canvas对象。

在绘图之前，首先要从页面获取canvas对象。一般使用document对象的getElementById()方法获取。例如下面的代码获取页面上的id名称为"myCanvas"。

（2）创建二维的绘图上下文对象。

canvas对象包含了不同类型的绘图AP1，还需要使用getContext（"2d"）方法获取要使用的绘图上下文对象。

getContext（"2d"）对象是内建的HTML5对象，拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。

（3）在canvas上绘制文字或图形。

设置绘制文字的字体样式、颜色和对齐方式。例如下面代码：

绘制一个红色的矩形，例如下面代码：

更多复习资料
请登录电脑版软考在线 www.rkpass.cn

京B2-20210865 | 京ICP备2020040059号-5