資料結構
網路
關係型資料庫管理系統
作業系統
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 程式設計
C++
C#
MongoDB
MySQL
Javascript
PHP
物理學
化學
生物學
數學
英語
經濟學
心理學
社會學
服裝研究
法律研究如何使用 HTML5 畫布繪製線條？
HTML5 <canvas> 標記用於透過指令碼繪製圖形、動畫等。它是 HTML5 中引入的新標記。使用 lineTo() 方法繪製 HTML5 畫布上的線條。
你可以嘗試執行以下程式碼，學習如何使用 HTML5 畫布繪製線條
示例
<!DOCTYPE html>
<html>
<head>
<title>HTML5 Canvas Tag</title>
</head>
<body>
<canvas id="newCanvas" width="400" height="300" style="border:1px
solid #000000;"></canvas>
<script>
var c = document.getElementById('newCanvas');
var ctx = c.getContext('2d');
// Drawing lines
ctx.beginPath();
ctx.moveTo(30, 30);
ctx.lineTo(180, 100);
ctx.moveTo(30, 10);
ctx.lineTo(260, 100);
ctx.stroke();
</script>
</body>
</html>輸出
更新於：2021-12-16
602 次瀏覽
廣告