mirror of
https://github.com/RGBCube/serenity
synced 2025-07-25 18:37:35 +00:00
Base: Move all the HTML test content into /res/html/misc
This commit is contained in:
parent
4720635aab
commit
de12cf6821
58 changed files with 1 additions and 1 deletions
38
Base/res/html/misc/trigonometry.html
Normal file
38
Base/res/html/misc/trigonometry.html
Normal file
|
@ -0,0 +1,38 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Trigonometry</title>
|
||||
<style type="text/css">
|
||||
canvas {
|
||||
border-width: 1px;
|
||||
border-style: solid;
|
||||
border-color: #000;
|
||||
}
|
||||
</style>
|
||||
<script>
|
||||
document.addEventListener("DOMContentLoaded", function () {
|
||||
var functions = ["sin", "cos", "tan"];
|
||||
for (var i = 0; i < functions.length; ++i) {
|
||||
var func = functions[i];
|
||||
var canvas = document.getElementById(func);
|
||||
var ctx = canvas.getContext("2d");
|
||||
for (var x = 0; x < canvas.width; ++x) {
|
||||
var y = -Math[func](x / 20) * canvas.height / 4 + canvas.height / 2;
|
||||
ctx.fillStyle = "red";
|
||||
ctx.fillRect(x-1, y-1, 2, 2);
|
||||
ctx.fillStyle = "black";
|
||||
ctx.fillRect(x, canvas.height / 2, 1, 1);
|
||||
}
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<h1>Sine</h1>
|
||||
<canvas id="sin" width="300" height="100"></canvas>
|
||||
<h1>Cosine</h1>
|
||||
<canvas id="cos" width="300" height="100"></canvas>
|
||||
<h1>Tangent</h1>
|
||||
<canvas id="tan" width="300" height="100"></canvas>
|
||||
</body>
|
||||
</html>
|
Loading…
Add table
Add a link
Reference in a new issue