Octavia/odin-etch-a-sketch
Watch
1
0
Fork
You've already forked odin-etch-a-sketch
 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Adjust styles and default behavior and partially fix knob rending during rotation

Browse source
This commit is contained in:
lolabird 2023-11-12 12:50:44 -07:00
commit 656c11446f
2 changed files with 39 additions and 24 deletions
Download patch file Download diff file Expand all files Collapse all files

4
script.js
View file

@ -49,7 +49,7 @@ rangeKnob.addEventListener("mousedown", (e) => {
function resetGrid() {
gridSlider.value = gridSlider.defaultValue;
container.style.backgroundColor = "rgb(180, 254, 235)";
backColorPicker.value = "#ffffff";
backColorPicker.value = "#b4feeb";
colorPicker.value = "#000000";
colorValue = "black";
rangeKnob.style.transform = `rotate(${gridSlider.value}deg)`;
@ -67,7 +67,7 @@ function rotateKnob(e) {
let angle = Math.atan2(e.clientX - knobCenter.x, -(e.clientY - knobCenter.y)) * (180 / Math.PI);
rangeKnob.style.transform = `rotate(${angle}deg)`;
updateGridSlider(angle);
}