数据结构
网络
关系型数据库管理系统
操作系统
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 千+浏览
广告