帆布（canvas）
帆布是HTML5新增的组件，它就是一块画布，可以用JavaScript的在上画绘制各种图标，动画等。
网站页面增加画布
画布元素是一个标准的HTML5元素，可以直接在HTML5中页面添加<canvas>标签，如
<!DOCTYPE HTML>
<html>
<head>
<title>Look what I Drew</title>
<meta charset="utf-8">
</head>
<body>
<canvas id="draw" width="600" height="200"></canvas>
</body>
</html>
宽度属性定义它在网站页面中水平方向所占的像素，高度定义了它在网站页面中垂直方向所占的像素。
注意：上面的网页页面无法显示画布的，除非你在画布上绘制了内容。
显示画布
现在找到一个证据，证明画布在我们的页面中确实存在。我们可以通过位帆布指定CSS样式，下面来增加一个简单的样式，为画布增加一个1像素宽的黑色边框。
<!DOCTYPE HTML>
<html>
<head>
<title>Look what I Drew</title>
<meta charset="utf-8">
<!--指定样式-->
<style>
canvas{
border: 1px solid black;
}
</style>
</head>
<body>
<canvas id="draw" width="600" height="200"></canvas>
</body>
</html>
效果：
347
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
