html5利用canvas标签来显示一个红色的矩形

1、我们新建一个html5网页文件，把他命名为test.html，接下来我们用test.html文件来讲解html5利用canvas标签来显示一个红色的矩形。

2、在test.html文件内，需要创建一行文字，内容为“html5利用canvas标签来显示一个红色的矩形”

3、在test.html文件内，我们需要写下以下代码。

<canvas id="myCanvas"></canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');

var ctx=canvas.getContext('2d');

ctx.fillStyle='#FF0000';

ctx.fillRect(0,0,80,100);

</script>

4、在浏览器浏览一下test.html，来看看效果能否实现。