From c16052c3d22140987edf0b32129f354fc0026b70 Mon Sep 17 00:00:00 2001 From: Sacha Leone Date: Fri, 15 Dec 2023 16:29:04 +0100 Subject: [PATCH] Fin du cours du 15.12.2023 --- css/styleindex.css | 5 ++++- js/TEST_F.JS | 7 ++++--- 2 files changed, 8 insertions(+), 4 deletions(-) diff --git a/css/styleindex.css b/css/styleindex.css index 9fc2f73..519d332 100644 --- a/css/styleindex.css +++ b/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; } diff --git a/js/TEST_F.JS b/js/TEST_F.JS index 80ebd8f..c88dfc2 100644 --- a/js/TEST_F.JS +++ b/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" }