如何通过Canvas标签绘制图形

来源：懂视网责编：小采时间：2020-11-27 15:22:37

如何通过Canvas标签绘制图形

如何通过Canvas标签绘制图形:Canvas标签是HTML5中的新元素，这个标签是用于图形绘制的。而HTML5也就是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。推荐参考学习：《HTML5教程》那么对于学习HTML的新手来说，可能对于这个标签元素不太清楚。

推荐度：

点击下载本文 文档为doc格式

导读如何通过Canvas标签绘制图形:Canvas标签是HTML5中的新元素，这个标签是用于图形绘制的。而HTML5也就是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。推荐参考学习：《HTML5教程》那么对于学习HTML的新手来说，可能对于这个标签元素不太清楚。

Canvas标签是HTML5中的新元素，这个标签是用于图形绘制的。而HTML5也就是万维网的核心语言、标准通用标记语言下的一个应用超文本标记语言（HTML）的第五次重大修改。

推荐参考学习：《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>

图形效果如下：