数据结构
网络
关系型数据库管理
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
JavaScript
PHP
物理学
化学
生物
数学
英语
经济学
心理学
社会学
时尚研究
法律研究如何用 JavaScript 在画布上绘制
利用 JavaScript 在 HTML 画布上绘制。使用 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 日
575 次浏览
广告