資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C語言
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化學
生物
數學
英語
經濟
心理學
社會學
時尚學
法律學如何在HTML5畫布上繪製矩形？
HTML5 <canvas> 標籤用於繪製圖形、動畫等透過指令碼。它是 HTML5 中引入的新標籤。畫布元素有一個稱為 getContext 的 DOM 方法，該方法獲取渲染上下文及其繪圖功能。此方法接受一個引數，即上下文型別 2d。
要使用 HTML5 畫布繪製矩形，請使用 fillRect(x, y, width, height) 方法。
你可以嘗試執行以下程式碼以瞭解如何使用 HTML5 畫布繪製矩形。
示例
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Canvas Tag</title>
</head>
<body>
<canvas id="newCanvas" width="200" height="100" style="border:1px
solid #000000;"></canvas>
<script>
var c = document.getElementById('newCanvas');
var ctx = c.getContext('2d');
ctx.fillStyle = '#7cce2b';
ctx.fillRect(0,0,300,100);
</script>
</body>
</html>結果
更新於： 2021-12-16
2 千+瀏覽
廣告