RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-25 18:37:35 +00:00
Code Issues Activity Actions

Base: Move all the HTML test content into /res/html/misc

Browse source
This commit is contained in:
Andreas Kling 2020-06-17 17:28:18 +02:00
parent 4720635aab
commit de12cf6821
58 changed files with 1 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

38
Base/res/html/misc/trigonometry.html Normal file
View 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>