C'è un modo per collegare un gestore di eventi a un oggetto disegnato su Canvas HTML5, senza tracciare i punti? Cheers, IEventi oggetto canvas HTML5
risposta
Dai uno sguardo allo Cake. È un plug-in grafico di scena per elementi canvas. Dovresti essere in grado di associare i gestori di eventi agli oggetti canvas con esso.
Si potrebbe anche dare un'occhiata a KineticJS - è stato progettato per rendere il collegamento degli ascoltatori di eventi alle forme sullo schermo il più semplice possibile mentre si attengono ai pattern dell'API Canvas. È possibile controllare un esempio qui:
http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/
Penso che la risposta è (ma nessun altro manifesto sta usando il termine) che non ci sia di prima supporto di classe per eventi su primitive grafiche disegnate su canvas HTML5. Questo non vuol dire che non è possibile scrivere un ascoltatore, solo che se si vuole fare questo è necessario utilizzare un'API come Kinetic JS come si può vedere in
http://www.html5canvastutorials.com/advanced/html5-canvas-path-mouseover/
credo, KineticJS dovrebbe essere sufficiente per la maggior parte delle tue esigenze. Ma assicurati di mantenere gli eventi originati da HTML5 lontano dagli eventi di KineticJS. Sto affrontando alcuni problemi su queste linee. ti aggiornerò se trovo qualcosa. Cordiali saluti
- 1. HTML5 canvas Evento di mouseover
- 2. HTML5 Canvas: Ottieni eventi al termine del disegno
- 3. Somiglianze tra Canvas HTML5 e Canvas Android
- 4. HTML5 Canvas: Degree Symbol
- 5. HTML5 Canvas Transformation Matrix
- 6. HTML5 Gomma per canvas
- 7. Dart HTML5 Canvas Library?
- 8. Crea HTML5 Canvas programmazione
- 9. Ispettore canvas HTML5?
- 10. HTML5 Canvas background image
- 11. Limitazioni di Html5 Canvas
- 12. HTML5 Compositing canvas (origine)
- 13. HTML5 canvas "reset" fillStyle
- 14. HTML5 crea dinamicamente Canvas
- 15. html5 canvas strokeStyle?
- 16. HTML5 canvas to PDF
- 17. Word Wrapping in HTML5 Canvas
- 18. Html5 Il metodo Canvas isPointInPath determina solo l'ultimo oggetto
- 19. GIF animato in HTML5 canvas
- 20. ridisegnando canvas HTML5 senza sfarfallio
- 21. Immagine su Canvas/Conversione HTML5
- 22. Motion jpeg in html5 canvas
- 23. Rendering PDF in HTML5 Canvas
- 24. HTML5 Canvas alfa maschera mobile
- 25. Canvas e HTML5: browser supportati?
- 26. Sito Screenshot (HTML5 Canvas/Servizi)
- 27. HTML5 Canvas toDataURL restituisce vuoto
- 28. Nuovo supporto API HTML5 Canvas
- 29. HTML5 Canvas e lo spessore
- 30. allegare eventi della tastiera alla tela HTML5
Mentre Kinetic consente di allegare (apparentemente) gestori di eventi a elementi canvas, è progettato per le animazioni e, di conseguenza, ridisegna continuamente la pagina. Se hai una tela complessa (molti oggetti), questi ridisegni possono rallentare la tua tela fino al punto di inutilizzabilità. – mikemaccana
A partire dalla versione 3, KineticJS ora disegna in modo intelligente solo gli oggetti che sono stati spostati. Inoltre, è MOLTO più veloce rispetto alle versioni precedenti. Ecco un esempio di test di stress con il tooltip utilizzando 10.000 forme: http://www.html5canvastutorials.com/labs/html5-canvas-10000-shape-stress-test-with-kineticjs/ –