手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

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

时间:2024-10-12 12:23:21

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

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

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

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

3、在test.html文件内,我们需要写下以下代码。<canvas id="myCanvas"></ca荏鱿胫协nvas><script type="text/javascript">var canvas=document.getElementById('myCanvas');var ctx=canvas.getContext('2d');ctx.fillStyle='#FF0000';ctx.fillRect(0,0,80,100);</script>

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

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

html5利用canvas标签来显示一个红色的矩形
© 手抄报圈