Skip to content

sauternic/Canvas_Demo_PointerEvent

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

12 Commits
 
 
 
 
 
 
 
 

Repository files navigation

Canvas Demo PointerEvent

Einfaches Zeichnen Programm

Das Pointer Event ist Genial! :)

Mit ihm läuft das Maus und das Touch Event in einem!
Zudem läuft es auf allen wichtigen Browsern!!! :))))

Siehe im Code wie es gebraucht wird:

canvas1.addEventListener('pointerup', handlerPointerup);
canvas1.addEventListener('pointerdown', handlerPointerdown);
canvas1.addEventListener('pointermove', handlerPointermove);

//pointerup => mouseup
//pointerdown => mousedown
//pointermove => mousemove

Sehr Wichtig!

CSS Eigenschaft für Canvas auf:

/*Damit Canvas nicht Scrollt!*/
touch-action: none;

läuft auf:

  • IE
  • Edge
  • Chrom
  • Firefox
  • Opera

Ps:
Siehe auch mein Aufzeichnungs-Programm: link

Releases

No releases published

Packages

No packages published

Languages