First Draft

First Draft of the Example Files
2020-12-10 13:21:38 +00:00
parent 77a7b57c4f
commit 0335342e00
1127 changed files with 46959 additions and 56 deletions
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>Multiple Color Stops</title>
+    <script src='OSC.js'></script>
+  </head>
+  <body>
+    <canvas id='mycanvas' width='640' height='240'></canvas>
+
+    <script>
+      canvas               = O('mycanvas')
+      context              = canvas.getContext('2d')
+      S(canvas).background = 'lightblue'
+ 
+      gradient = context.createLinearGradient(0, 0, 640, 0)
+      gradient.addColorStop(0.00, 'red')
+      gradient.addColorStop(0.14, 'orange')
+      gradient.addColorStop(0.28, 'yellow')
+      gradient.addColorStop(0.42, 'green')
+      gradient.addColorStop(0.56, 'blue')
+      gradient.addColorStop(0.70, 'indigo')
+      gradient.addColorStop(0.84, 'violet')
+
+      context.fillStyle = gradient
+      context.fillRect(20, 20, 600, 200)
+    </script>
+  </body>
+</html>