我发现自己的自学能力好差,难道是老了,半年前就说要学习html5,到现在也没 去下功夫。我自己都看不下去了。
来吧学点;边学便理解吧,错了以后再改过来:
首先html标签本身就是指定文本的容器,那么对于容器中的内容我们可以用javascript来填充;对于容器本身的深究已经失去了意义;
jvavscript 它是对DOM进行的操作语言(就是document object model 的操作),所以我们在javascript中对文本标签进行操作的时候使用document 。
首先来创建一个html5的页面:
<!DOCTYPE HTML>
<html>
<head>
<title>
学习cocos2d-html5之旅
</title>
<head>
<body>
<canvas id="vas"></canvas>
<!--用javascrpit对canvas容器进行操作--!>
<script type ="text/javascript">
//获取文本容器canvas的id
var con = document.getElementById('vas');
//获取绘图的类型,合法类型是2d;表示要绘制二维图形
var text = con.getContext('2d'); //返回一个2d画刷
text.fillRect(0,0,500,200); //规定起始坐标 x,y 宽度 500 。高度200
text.fillStyle ('#ffdd00');
</script>
</body>
</html>