怎样通过Canvas标签绘制图形
发布时间：09/01 来源：未知 浏览：
关键词：
引荐参照 学习：《HTML5教程》
那么关于学习HTML的新手来说，大概关于这个标签元素不太分明。
下面我们可以通过简便的示例，给大家介绍Canvas标签的使用详解。
canvas绘制简便画布图形（矩形）示例代码如下：
<!DOCTYPE>
<html>
<meta charset="utf-8">
<head>
<title>Canvas简便使用示例</title>
<style type="text/css">
#FirstCanvas{
width: 450px;
height: 300px;
border: 3px solid #3262ff;
background-color: #acffcb;
}
</style>
</head>
<body>
<canvas id="FirstCanvas"></canvas>
</body>
</html>图形结果如下：
<canvas> 标签只是图形容器，我们必需要使用足原本绘制图形。也就是说，这个标签平常必需要指定一个id属性，以便我们在足本中使用。（这个足本平常指的是JavaScript足本）
这里需要留意的是，在默许状况下 <canvas> 元素是没有边框和内容的，所以我们需要使用 style 属性来增加边框width宽度 和 height 高度，然后来定义的画布的大小.
本篇就是通过canvas标签绘制简便的画布图形，非常简便易懂，但愿对需要的伴侣有所帮忙！
以上就是怎样通过Canvas标签绘制图形的具体内容，更多请关注百分百源码网其它相关文章！
