add mixbox for javascript

2026-03-19 22:49:41 +01:00 · 2022-09-21 05:05:21 +02:00
parent ee38da6176
commit 4bfc462204
18 changed files with 3057 additions and 0 deletions
--- a/javascript/examples/svg.html
+++ b/javascript/examples/svg.html
@@ -0,0 +1,16 @@
+<!DOCTYPE html>
+<html>
+  <head>
+  </head>
+  <body>
+    <svg width="256" height="256">
+      <rect id="rect" width="256" height="256">
+    </svg>
+    <script src="https://scrtwpns.com/mixbox.js"></script>
+    <script>
+      var color1 = "rgb(0, 33, 133)";  // blue
+      var color2 = "rgb(252, 211, 0)"; // yellow
+      document.getElementById('rect').setAttribute('fill', mixbox.lerp(color1, color2, 0.5));
+    </script>
+  </body>
+</html>