HTML5 Canvas Image Operations

html5
canvas

2011-10-17 5 views 3 likes

J'ai une application où je dois dessiner une image sur un canevas et cette opération est faite assez fréquemment (environ 60 fois par seconde). Cependant, il y a un scintillement perceptible lorsque l'image est rendue. Y at-il une meilleure approche pour dessiner l'image sur la toile autre que de l'objet Image?HTML5 Canvas Image Operations

Vaut-il mieux copier des informations d'image d'un canevas sur un canevas que d'une image sur un canevas? Des suggestions pour améliorer la performance seront grandement appréciées.

Merci,

Source

2011-10-17 Arun R

Répondre

http://jsperf.com/canvas-vs-image

sur IE9 et Chrome 16, ils sont égaux. Mais FireFox 7 dessine les images 10 fois plus vite que les toiles.

Source

2011-10-17 19:22:45

Merci pour les tests et mention de jsperf. –

Questions connexes

1. Dragable, image évolutive dans HTML5 Canvas
2. Animation image par image en HTML5 avec canvas
3. HTML5 Canvas rend pépin
4. HTML5 Canvas dessiner tileset
5. HTML5 Canvas API
6. HTML5 canvas "reset" fillStyle
7. HTML5 - canvas createLinearGradient vertical
8. html5 canvas kinetic textbox
9. Ajax - HTML5 Canvas
10. Héritage HTML5 Canvas
11. HTML5 Canvas ScreenToIso
12. HTML5, Canvas et FireFox
13. Élément canvas HTML5 clicable?
14. HTML5 Canvas, shadowColor & shadowBlur
15. Travailler avec HTML5 Canvas
16. HTML5 Canvas Freeing
17. Tracer avec HTML5 Canvas
18. Redimensionnable ellipse html5 canvas
19. Créer HTML5 Canvas programme
20. HTML5 Canvas Text Edit
21. HTML5 Canvas Souris
22. HTML5 canvas getPixel
23. HTML5 Large canvas
24. HTML5 Canvas: globalCompositeOperation (gomme)
25. HTML5/Canvas "Glass" Circle
26. HTML5 Canvas & javascript lot
27. HTML5 Canvas Color Text
28. ajouter HTML5 Canvas n & b effet à plus d'une image
29. HTML5 Canvas redimensionne uniquement html
30. Littéralement Canvas - paramètre canvas image