canvasframework 0.4.9 → 0.4.10

package/core/CanvasFramework.js

@@ -213,7 +213,7 @@ class CanvasFramework {
         // NOUVELLE OPTION: choisir entre Canvas 2D et WebGL
         this.useWebGL = options.useWebGL !== false; // true par défaut
         // Initialiser le contexte approprié
-        if (this.useWebGL) {
+        /*if (this.useWebGL) {
             try {
                 this.ctx = new WebGLCanvasAdapter(this.canvas);
             } catch (e) {
@@ -222,7 +222,7 @@ class CanvasFramework {
             }
         } else {
             this.ctx = this.canvas.getContext('2d');
-        }
+        }*/
         // Calcule FPS
         this.fps = 0;
         this._frames = 0;
@@ -478,7 +478,17 @@ class CanvasFramework {
                 requestAnimationFrame(fade);
             } else {
                 this._splashFinished = true;
-                this.ctx.clearRect(0, 0, this.width, this.height);
+				// ✅ AJOUTER : Réinitialiser complètement le contexte
+			    this.ctx.clearRect(0, 0, this.width, this.height);
+			    this.ctx.globalAlpha = 1;
+			    this.ctx.textAlign = 'start'; // ← IMPORTANT
+			    this.ctx.textBaseline = 'alphabetic'; // ← IMPORTANT
+			    this.ctx.font = '10px sans-serif'; // Valeur par défaut
+			    this.ctx.fillStyle = '#000000';
+			    this.ctx.strokeStyle = '#000000';
+			    this.ctx.lineWidth = 1;
+			    this.ctx.lineCap = 'butt';
+			    this.ctx.lineJoin = 'miter';
             }
         };
 
@@ -856,12 +866,13 @@ class CanvasFramework {
         this.canvas.style.height = this.height + 'px';
 
         // Échelle uniquement pour Canvas 2D
-        if (!this.useWebGL) {
+		this.ctx.scale(this.dpr, this.dpr);
+        /*if (!this.useWebGL) {
             this.ctx.scale(this.dpr, this.dpr);
         } else {
             // WebGL gère le DPR automatiquement via la matrice de projection
             this.ctx.updateProjectionMatrix();
-        }
+        }*/
     }
 
     setupEventListeners() {
@@ -1573,8 +1584,25 @@ class CanvasFramework {
       }
       return Math.max(0, maxY - this.height + 50);
     }*/
-
-    handleResize() {
+	
+	handleResize() {
+    	if (this.resizeTimeout) clearTimeout(this.resizeTimeout);
+    
+    	this.resizeTimeout = setTimeout(() => {
+        	this.width = window.innerWidth;
+        	this.height = window.innerHeight;
+        	this.setupCanvas(); // ← Fait déjà tout le boulot
+        
+        	for (const comp of this.components) {
+            	if (comp._resize) {
+                	comp._resize(this.width, this.height);
+            	}
+        	}
+        	this._maxScrollDirty = true;
+    	}, 150);
+	}
+
+    /*handleResize() {
         if (this.resizeTimeout) clearTimeout(this.resizeTimeout); // ✅ AJOUTER
 
         this.resizeTimeout = setTimeout(() => { // ✅ AJOUTER
@@ -1591,7 +1619,7 @@ class CanvasFramework {
                 this._maxScrollDirty = true; // ✅ AJOUTER
             }
         }, 150); // ✅ AJOUTER (throttle 150ms)
-    }
+    }*/
 
     add(component) {
         this.components.push(component);