如何通過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>

圖形效果如下：