資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會研究
時尚研究
法律研究為何在 HTML5 中使用 canvas 標籤？
指定畫布的高度。HTML <canvas> 標籤用於透過指令碼繪製圖形、動畫等。<canvas> 標籤在 HTML5 中引入。
我們來看一個帶有兩個特定屬性 width 和 height 以及所有核心 HTML5 屬性（例如 id、name 和 class 等）的簡單 <canvas> 元素。
<canvas id="myCanvas" width="100" height="100"></canvas>
以下是屬性 −
屬性 | 值 | 說明 |
height  | 畫素 | 指定畫布的高度。 |
width  | 畫素 | 指定畫布的寬度。 |
示例
你可以嘗試執行以下程式碼來了解如何使用畫布建立一個矩形。canvas 元素有一個名為 getContext 的 DOM 方法，該方法獲取渲染上下文及其繪圖函式。此函式獲取一個引數，即上下文 2d 的型別。
<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas Tag</title>
</head>
<body>
<canvas id = "myCanvas"></canvas>
<script>
var c = document.getElementById('myCanvas');
var ctx = c.getContext('2d');
ctx.fillStyle = '#7cce2b';
ctx.fillRect(0,0,300,100);
</script>
</body>
</html>
更新時間：15-6 月-2020
211 人瀏覽
廣告