sauternic / Canvas_Demo_PointerEvent

Einfaches Zeichnen Programm auf Canvas

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!!! :))))

Show

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