首页 » HTML » 在页面中放置canvas元素

在页面中放置canvas元素

在页面上的HTML代码中,应该如何放置一个cannvas元素。下面是一个canvas元素放置在页面中的代码实例。

<!DOCTYPE html>
<head>
<meta charset="UTF-8" />
<title>放置一个cannvas元素</title>
<script>
function draw(id)
{
	…
	}
</script>
</head>
<body onload="draw('canvas');">
<canvas id="canvas" width="400" height="300">
</body>
</html>

首先指定ID、width、height三个属性。虽然canvas元素是HTML5中新增元素,但它在页面中放置的时候跟其它元素没什么太大的区别。上边是放置一个400*300的canvas元素。

在body属性中,使用onload=”draw(‘canvas’);”语句。调用脚本文件中的draw函数进行图形描绘。

<body onload="draw('canvas');">

在body中插入html代码:

<canvas id="canvas" width="400" height="300">

您可以复制上面的代码在HTMl文件中查看效果。

此文章发表在 HTML. 将 固定链接 加入收藏.