svg to png

htdocs/chess.js

@@ -17,6 +17,22 @@ const board = [
 // Charger les images des pièces
 
 
+
+const pieceImages = {
+    "P": "pion_blanc.png",
+    "p": "pion_noir.png",
+    "T": "tour_blanc.png",
+    "t": "tour_noir.png",
+    "C": "cavalier_blanc.png",
+    "c": "cavalier_noir.png",
+    "F": "fou_blanc.png",
+    "f": "fou_noir.png",
+    "Q": "reine_blanc.png",
+    "q": "reine_noir.png",
+    "K": "roi_blanc.png",
+    "k": "roi_noir.png"
+};
+
 // Dessiner l'échiquier avec les couleurs des cases
 function drawBoard() {
     for (let row = 0; row < 8; row++) {
@@ -33,9 +49,21 @@ function drawPieces() {
         for (let col = 0; col < 8; col++) {
             const piece = board[row][col];
                 let img = new Image();
+<<<<<<< HEAD
                 if (piece !== ""){
                     drawPiece(piece,col,row)
                 }
+=======
+                img.src = "chess_pieces/" + pieceImages[piece];
+                img.onload = function () {
+                    console.log("Image chargée : ", img.src); // Vérification du chemin de l'image
+                    ctx.drawImage(img, col * size, row * size, size, size);
+                };
+                img.onerror = function (e) {
+                    console.log("Erreur de chargement de l'image : ", img.src); // En cas d'erreur de chargement
+                };
+            }
+>>>>>>> 8db16647d70cafb4e99a5ce79949b0a7c9de6f3a
         }
     }
 }