Fin du cours du 15.12.2023

css/styleindex.css

@@ -1,6 +1,7 @@
 /* Copyright © 2023 Entreprise SpaceTarders */
 html{
     background-color: rgb(7, 18, 41);
+    cursor: crosshair;
 }
 main{
     display: flex;
@@ -15,6 +16,7 @@ main{
     display: flex;
     justify-content: left;
 }
+
 #menu {
     display: flex;
     justify-content: center;
@@ -26,8 +28,9 @@ main{
     color: white;
     font-size: 11px;
     background-color: rgb(20, 20, 32); 
+    cursor: pointer;
 }
-canvas {
+#canvas {
     border: 2px solid rgb(7, 18, 41);
     border-radius: 5px;
 }

js/TEST_F.JS

@@ -8,13 +8,15 @@ let max = 40;
 let min = 35;
 let w = 1260;
 let h = 830;
+
 const canvas = new fabric.Canvas("canvas",{
     width: w,
     height: h,
     backgroundColor:"rgb(7, 18, 41)",
-    renderOnAddRemove: false 
+    renderOnAddRemove: false,
+    defaultCursor :'crosshair',
+    hoverCursor :'pointer'
 });
-
 canvas.renderAll();
 let planets = [];
 
@@ -107,7 +109,6 @@ setTimeout(function animate() {
 }, 10);
 
 canvas.on('mouse:up', function (e) {
-    console.log(e.target)
     if(e.target.shadow.color == "red"){
         e.target.shadow.color = "white"
     }