v0.4.16: PDF-aanzichten (vlakke render) met legenda afwerking en afmetingen, zaaglijst/zaagmachine eigen blad, infopaneel afmetingen, lopen (Shift+T) met camera-menu, zachter licht, naadwanden volgen koppeling, boeideel over de gevel (gevel tot bovenkant dak), thumbnails riet/vloer

Co-Authored-By: Claude Opus 5.5 <noreply@anthropic.com>

js/core/pdf-sheet.js

@@ -22,6 +22,27 @@ window.PdfSheet = (() => {
     tekenaar: 'inp-proj-tekenaar', titel: 'inp-proj-titel', element: 'inp-proj-element', opmerking: 'inp-proj-opmerking'
   };
 
+  // Afbeeldingen (bijv. textuur-voorvertoningen) voor in de PDF. generate()
+  // is synchroon, dus vooraf laden (preloadImage, bijv. zodra een materiaal
+  // gekozen is); imageData geeft de data-URL, of null als hij (nog) niet
+  // geladen is (dan tekent de aanroeper een kleurvlak).
+  const imageCache = {};
+  function preloadImage(url) {
+    if (!url || url in imageCache || typeof Image === 'undefined' || typeof document === 'undefined') return;
+    imageCache[url] = null;
+    const img = new Image();
+    img.onload = () => {
+      try {
+        const c = document.createElement('canvas');
+        c.width = img.naturalWidth; c.height = img.naturalHeight;
+        c.getContext('2d').drawImage(img, 0, 0);
+        imageCache[url] = c.toDataURL('image/png');
+      } catch (e) { /* laat null: kleurvlak */ }
+    };
+    img.src = url;
+  }
+  const imageData = (url) => (url && imageCache[url]) || null;
+
   function createDoc() {
     const { jsPDF } = window.jspdf;
     return new jsPDF({ orientation: 'landscape', unit: 'mm', format: 'a3' });
@@ -130,5 +151,5 @@ window.PdfSheet = (() => {
     return y;
   }
 
-  return { COLORS, createDoc, readProjectFromDom, dimLine, titleBlock, table };
+  return { COLORS, preloadImage, imageData, createDoc, readProjectFromDom, dimLine, titleBlock, table };
 })();