JavaScript -Bereich Slider mit Schritten in HTML5 -Leinwand
Posted: 17 Mar 2025, 00:20
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.
Jede Hilfe wird geschätzt.
Code: Select all
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;
}