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" }