資料結構
網路
RDBMS
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理
化學
生物
數學
英語
經濟學
心理學
社會學
時裝
法律如何用 JavaScript 在畫布上繪畫？
繪製 HTML 畫布應該使用 JavaScript。在畫布上繪畫前，請使用 HTML DOM 方法 getElementById() 和 getContext()。
為此，請按照以下步驟操作 -
- 你需要使用 getElementById() 方法找到畫布元素。
- 使用 getContext()，它是畫布的繪製物件。它提供了繪製方法和屬性。
- 然後在畫布上繪製。
示例
你可以嘗試執行以下程式碼來在 JavaScript 中繪製畫布 -
<!DOCTYPE html>
<html>
<head>
<title>HTML Canvas</title>
</head>
<body>
<canvas id="newCanvas" width="400" height="250" style="border:2px solid #000000;"></canvas>
<script>
var canvas = document.getElementById("newCanvas");
var ctxt = canvas.getContext("2d");
ctxt.fillStyle = "#56A7E2";
ctxt.fillRect(0,0,250,120);
</script>
</body>
</html>
更新時間：2020 年 6 月 15 日
574 次檢視
廣告