html5游戏开发1 骰子游戏

来源：互联网发布：淘宝开店教程全集下载编辑：程序博客网时间：2024/06/06 03:20

要点总结：

1.canvas标签进行图像的绘制：

<canvas> 标签定义图形，比如图表和其他图像。

<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。

属性

属性值描述heightpixels设置 canvas 的高度。widthpixels设置 canvas 的宽度。

实例

如何通过 canvas 元素来显示一个红色的矩形：

<canvas id="myCanvas"></canvas><script type="text/javascript">var canvas=document.getElementById('myCanvas');   //<strong>getElementById:DOM提供的返回给定id属性值得对象，为document对象的特有函数，参数为id的名称</strong>var ctx=canvas.getContext('2d');ctx.fillStyle='#FF0000';ctx.fillRect(0,0,80,100);</script>

注释：

1. DOM document对象：每个载入浏览器的 HTML 文档都会成为 Document 对象。Document 对象使我们可以从脚本中对 HTML 页面中的所有元素进行访问。

提示：Document 对象是 Window 对象的一部分，可通过 window.document 属性对其进行访问。

Document 对象集合

集合描述all[]提供对文档中所有 HTML 元素的访问。anchors[]返回对文档中所有 Anchor 对象的引用。applets返回对文档中所有 Applet 对象的引用。forms[]返回对文档中所有 Form 对象引用。images[]返回对文档中所有 Image 对象引用。links[]返回对文档中所有 Area 和 Link 对象引用。

Document 对象属性

属性描述body

提供对 <body> 元素的直接访问。

对于定义了框架集的文档，该属性引用最外层的 <frameset>。

cookie设置或返回与当前文档有关的所有 cookie。domain返回当前文档的域名。lastModified返回文档被最后修改的日期和时间。referrer返回载入当前文档的文档的 URL。title返回当前文档的标题。URL返回当前文档的 URL。

Document 对象方法

方法描述close()关闭用 document.open() 方法打开的输出流，并显示选定的数据。getElementById()返回对拥有指定 id 的第一个对象的引用。getElementsByName()返回带有指定名称的对象集合。getElementsByTagName()返回带有指定标签名的对象集合。open()打开一个流，以收集来自任何 document.write() 或 document.writeln() 方法的输出。write()向文档写 HTML 表达式或 JavaScript 代码。writeln()等同于 write() 方法，不同的是在每个表达式之后写一个换行符。

相关知识：关于HTMLDocument的相关属性见：http://www.cnblogs.com/kissdodog/archive/2013/02/28/2937900.html

0 0