From a2882f4104711de5bc383e7d5fc5c79365572ed2 Mon Sep 17 00:00:00 2001
From: "Paul Gauthier (aider)" <aider@paulg.org>
Date: Thu, 15 Aug 2024 10:23:49 -0700
Subject: [PATCH] feat: Add createStripedCanvas function to second chart's
 script

---
 .../website/_posts/2024-08-14-code-in-json.md | 22 +++++++++++++++++++
 1 file changed, 22 insertions(+)

diff --git a/aider/website/_posts/2024-08-14-code-in-json.md b/aider/website/_posts/2024-08-14-code-in-json.md
index 5db5b05ea..f0e9a2243 100644
--- a/aider/website/_posts/2024-08-14-code-in-json.md
+++ b/aider/website/_posts/2024-08-14-code-in-json.md
@@ -128,6 +128,28 @@ document.addEventListener('DOMContentLoaded', function () {
 
     new Chart(ctx, config);
 });
+
+function createStripedCanvas(isStrict) {
+    const patternCanvas = document.createElement('canvas');
+    const patternContext = patternCanvas.getContext('2d');
+    const size = 10;
+    patternCanvas.width = size;
+    patternCanvas.height = size;
+
+    patternContext.fillStyle = 'rgba(255, 99, 132, 0.8)';
+    patternContext.fillRect(0, 0, size, size);
+
+    if (isStrict) {
+        patternContext.strokeStyle = 'rgba(255, 255, 255, 0.8)';
+        patternContext.lineWidth = 0.75;
+        patternContext.beginPath();
+        patternContext.moveTo(0, 0);
+        patternContext.lineTo(size, size);
+        patternContext.stroke();
+    }
+
+    return patternCanvas;
+}
 </script>