数据结构
网络
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 次查看
广告