level 13
一番折腾之后，整出几行测试代码，如下：
－－－－－－－－－
<!DOCTYPE html>
<html>
<head>
<title>lesson 2</title>
<meta charset="utf-8">
</head>
<body>
<canvas id="testcanvas" width="800" height="400"></canvas>
<script>
canvas = document.getElementById('testcanvas');
context = canvas.getContext('2d');
context.moveTo(100,250);
context.lineTo(500, 250);
context.stroke();
</script>
</body>
</html>
－－－－－－－－－
重点在body区，新增了两个标签，一个是<canvas></canvas>，一个是<script></script>。
2016年04月01日 14点04分
3
level 13
下面是解说：
说明1:
<canvas id="testcanvas" width="800" height="400">
这句话的意思是说，新建一块画布，取一个id叫 testcanvas，画布的宽是800点，高400点。
2016年04月01日 14点04分
4
level 13
说明2:
看这句话，document.getElementById('testcanvas');
这句话的意思是从文档里取出id为testcanvas的某个元素。
document(文档)指的就是body里面的内容。可以有文字、图片、声音等等。
2016年04月01日 14点04分
5
level 13
说明3:
看这一句：canvas.getContext('2d');
getContext是画布的特有用法，一片画布上面可以画二维平面图形，也可以画三维立体图形。
本文中，我们把画布设置成二维图形。
2016年04月01日 14点04分
6
level 13
说明4:
context.moveTo(100,250) 的意思是，把画笔移动到点（100，250）的位置
2016年04月01日 14点04分
7
level 13
说明5:
context.lineTo(500, 250) 的意思是，从前面指定的起点开始，画一条线，一直画到点（500，250）的位置
2016年04月01日 14点04分
8
level 13
说明6:
context.stroke() 的意思是：把这条线染上色。如果没有染色的话，这条线是无色透明的，你看不见。 在这句话之前，我们可以指定线条颜色，如果没有指定的话，染的就是黑色。
2016年04月01日 14点04分
9
level 13
说明7:
注意<canvas></canvas>代码和<script></script>代码的次序。必须先有canvas，然后才可以在canvas上作画。
2016年04月01日 14点04分
10
level 13
( ｰ̀дｰ́ )这语言不用编译的。我代码写错了怎么排错？我敲了半天才发现i被我打成l了QAQ。这不好吧
2016年04月06日 14点04分
14
我一开始也碰到这一问题， 因为 script 被写错了，有一段函数没反应，憋死了。
2016年04月07日 00点04分
我目前知道的有3种学习方法，各有优缺点。
2016年04月07日 00点04分
一： 打字， 不论对错。打过3，4篇之后，就有感觉了。 优点是上手容易，0基础；缺点是早期容易放弃。
2016年04月07日 00点04分
二：使用IDE， 比如我在用的HBuilder, sublime Text。 优点是能给点提示， 缺点是目前还没有非常好的IDE，以致于很多H5程序猿最终都回到了文本编辑器，如sublime之流。 或许这个适合你现阶段使用。
2016年04月07日 00点04分
level 8
话说画第二条线时是统一stroke()还是每条线都要stroke()？
2017年03月01日 05点03分
16
