|
知识路径: > 电子商务系统程序设计基础 > Web 设计基础 > HTML5标记语言 > HTML5标记语言 >
|
相关知识点:40个
|
|
|
|
在HTML5中新增了
|
|
|
|
|
|
语法说明:id属性决定了的唯一性,方便查询。width和height设置了画布的宽和高。
|
|
|
|
|
在绘图之前,首先要从页面获取canvas对象。一般使用document对象的getElementById()方法获取。例如下面的代码获取页面上的id名称为"myCanvas"。
|
|
|
|
|
canvas对象包含了不同类型的绘图AP1,还需要使用getContext("2d")方法获取要使用的绘图上下文对象。
|
|
|
|
getContext("2d")对象是内建的HTML5对象,拥有多种绘制路径、矩形、圆形、字符以及添加图像的方法。
|
|
|
|
设置绘制文字的字体样式、颜色和对齐方式。例如下面代码:
|
|
|
|
|
|