Programmiererforum

var startPos = e.clientX

function moveSlider(e) {

let x = ctx.canvas.width / 2
let delta = startPos - e.clientX;
startPos = e.clientX;

Slider.x -= delta;
Slider.x = Slider.x > x+100 ? x+100 : Slider.x;
Slider.x = Slider.x < x-100 ? x-100 : Slider.x;
}

Ich versuche, mit Leinwand einen Schieberegler in JavaScript zu machen. Die MoveSlider () -Funktion wird von 'pointermove' EventListener aufgerufen und ändert die X -Koordinate eines Rechtecks, das in 'Slider' -Objekt in 200 Pixelbereich gespeichert ist. Maus, warum? < /p>
Jede Hilfe wird geschätzt.[code]var startPos = e.clientX

function moveSlider(e) {

let x = ctx.canvas.width / 2
let delta = startPos - e.clientX;
startPos = e.clientX;

Slider.x -= delta;
Slider.x = Slider.x > x+100 ? x+100 : Slider.x;
Slider.x = Slider.x < x-100 ? x-100 : Slider.x;
}
[/code]