Fixed brush relative size, using canvas size instead of magic number

Nrosa01 · May 10, 2024 · e2dfe0b · e2dfe0b
1 parent a75eed4
commit e2dfe0b
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/components/BrushSlider.vue b/src/components/BrushSlider.vue
@@ -5,9 +5,10 @@ import slider from "../assets/sounds/hover.wav";
 
 const { play: playSlider } = useSound(slider, { volume: 0.5, interrupt: false });
 const value = ref(25);
+let canvas = document.getElementById("glcanvas");
 
 const brush_size = computed(() => {
-    let diagonal = 800 * Math.sqrt(2);
+    let diagonal = canvas.width * Math.sqrt(2);
     let maxRadius = diagonal / 2;
     let fraction = value.value / 100;
     let radius = Math.pow(fraction, 2) * maxRadius;