分析JavaScript HTML DOM Canvas对象

本篇内容主要讲解“分析javascript html DOM canvas对象”，感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷，实用性强。下面就让小编来带大家学习“分析JavaScript HTML DOM Canvas对象”吧!

Canvas 对象

Canvas对象表示HTML5 <canvas>元素。

您可以使用getElementById()访问<canvas>元素：

var x = document.getElementById("myCanvas");

注意： <canvas>元素没有自己的绘图功能（它只是图形的容器） - 您必须使用脚本来实际绘制图形。getContext()方法返回一个对象，该对象提供在画布上绘制的方法和属性。此参考将介绍getContext（“2d”）对象的属性和方法，可用于在画布上绘制文本，线条，框，圆等。

颜色样式和阴影

下表是画布颜色样式和阴影相关的属性 ：

下表是画布颜色样式和阴影相关的方法 ：

线条样式

下表是线条相关的属性 ：

矩形

下表是矩形相关的方法 ：

画布路径

下表是画布路径相关的方法 ：

画布转换

下表是转换相关的方法 ：

画布文本

下表是画布文本相关的属性 ：

下表是画布文本相关的方法 ：

图像绘制

下表是画布图像绘制相关的方法 ：

像素操作

下表是画布像素操作相关的属性 ：

下表是画布像素操作相关的方法 ：

画布合成

下表是画布合成相关的属性 ：

HTML参考： HTML5 画布

HTML参考： HTML <canvas>标签

到此，相信大家对“分析JavaScript HTML DOM Canvas对象”有了更深的了解，不妨来实际操作一番吧！这里是编程网网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！