diff --git a/IndexUsingJS.html b/IndexUsingJS.html
index f43d689..a23b07e 100644
--- a/IndexUsingJS.html
+++ b/IndexUsingJS.html
@@ -13,11 +13,11 @@
font-family: sans-serif;
margin: 0;
padding: 0;
- background-color: white;
+ background-color: blue;
}
svg {
- background: white;
+ background: none;
display: block;
margin: auto;
}
@@ -51,10 +51,12 @@
}
-
diff --git a/savesvg.js b/savesvg.js
index f9287c0..14d17e4 100644
--- a/savesvg.js
+++ b/savesvg.js
@@ -1,3 +1,40 @@
+function doBigWhiteTriangle(id){
+ const svg = document.getElementById(id);
+
+ // Triangle settings
+ const sideLength = 740;
+ const centerX = 435;
+ const centerY = 493;
+ const angleOffset = -90 * (Math.PI / 180); // Start at top
+
+ // Generate 3 equilateral triangle points
+ const points = [];
+ for (let i = 0; i < 3; i++) {
+ const angle = angleOffset + i * (2 * Math.PI / 3); // 120° steps
+ const x = centerX + (sideLength / Math.sqrt(3)) * Math.cos(angle);
+ const y = centerY + (sideLength / Math.sqrt(3)) * Math.sin(angle);
+ points.push(`${x},${y}`);
+ }
+
+ // Create the triangle
+ const triangle = document.createElementNS("http://www.w3.org/2000/svg", "polygon");
+ triangle.setAttribute("points", points.join(" "));
+ triangle.setAttribute("fill", "white");
+ //triangle.setAttribute("stroke", "black"); // Optional
+ //triangle.setAttribute("stroke-width", "2"); // Optional
+ svg.appendChild(triangle);
+}
+
+function doLittleWhiteTriangle(){
+
+
+
+}
+
+
+
+
+
function inlineStyles(svgElement) {
const allElements = svgElement.querySelectorAll('*');
const computedStyles = window.getComputedStyle(svgElement);