https://github.com/sauternic/canvas_demo_pointerevent

Einfaches Zeichnen Programm auf Canvas
https://github.com/sauternic/canvas_demo_pointerevent

canvas demo draw event pointer scrollen verhindern

Last synced: about 6 hours ago
JSON representation

Einfaches Zeichnen Programm auf Canvas

• Host: GitHub
• URL: https://github.com/sauternic/canvas_demo_pointerevent
• Owner: sauternic
• License: mit
• Created: 2018-06-07T05:05:30.000Z (over 6 years ago)
• Default Branch: master
• Last Pushed: 2018-09-21T19:16:40.000Z (about 6 years ago)
• Last Synced: 2024-01-22T13:03:09.267Z (10 months ago)
• Topics: canvas, demo, draw, event, pointer, scrollen, verhindern
• Language: HTML
• Homepage:
• Size: 11.7 KB
• Stars: 1
• Watchers: 1
• Forks: 0
• Open Issues: 0
• Metadata Files:
  • Readme: README.md
  • License: LICENSE

Awesome Lists containing this project

README

        
# 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](https://sauternic.github.io/Canvas_Demo_PointerEvent/)

Siehe im Code wie es gebraucht wird:

```JavaScript

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:  

```CSS

/*Damit Canvas nicht Scrollt!*/

touch-action: none;

```

### läuft auf:

- IE

- Edge

- Chrom

- Firefox

- Opera

Ps:  

Siehe auch mein Aufzeichnungs-Programm: [link](https://github.com/sauternic/Canvas_JavaScript_Zeichnen_Aufzeichnen_Animation)