summaryrefslogtreecommitdiff
path: root/Base
diff options
context:
space:
mode:
Diffstat (limited to 'Base')
-rw-r--r--Base/home/anon/www/trigonometry.html38
-rw-r--r--Base/home/anon/www/welcome.html1
2 files changed, 39 insertions, 0 deletions
diff --git a/Base/home/anon/www/trigonometry.html b/Base/home/anon/www/trigonometry.html
new file mode 100644
index 0000000000..4651ff6240
--- /dev/null
+++ b/Base/home/anon/www/trigonometry.html
@@ -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> \ No newline at end of file
diff --git a/Base/home/anon/www/welcome.html b/Base/home/anon/www/welcome.html
index e07463e859..58c9311119 100644
--- a/Base/home/anon/www/welcome.html
+++ b/Base/home/anon/www/welcome.html
@@ -28,6 +28,7 @@ span#ua {
<p>Your user agent is: <b><span id="ua"></span></b></p>
<p>Some small test pages:</p>
<ul>
+ <li><a href="trigonometry.html">canvas + trigonometry functions</a></li>
<li><a href="qsa.html">querySelectorAll test</a></li>
<li><a href="innerHTML.html">innerHTML property test</a></li>
<li><a href="position-absolute-top-left.html">position: absolute; for top and left</a></li>