html5画一个矩形

1、首先创建个html文件

2、写一个canvas标签，注意写id属性

3、写javascript代码，获得vanvas对象，获得canvas对象的上下文，再填充颜色，画矩形

4、写完可能出现这种情况，不显示

5、刷新后还是类似

6、查看代码是这样

7、那么代码位置放错了

8、应在页面加载时就执行js代码，代码应该这样

9、最后效果