2012-02-13 3 views
0

À chaque déplacement de la souris, je dois dessiner sur ma toile un dégradé radial (enfin, un cercle rempli d'un dégradé radial avec le cône centré à l'intérieur du cercle) avec le centre à la position actuelle de la souris.est HTML5 dégradé de contexte de toile cher?

Il semble que pour ce faire, je dois créer un nouvel objet dégradé radial chaque fois que je reçois un événement de déplacement de la souris car le centre du dégradé doit être défini sur la position de la souris. Ou puis-je utiliser une sorte de transformation pour déplacer le dégradé existant de sorte que si mon cercle est rempli à la bonne position? En d'autres termes, la création d'un nouvel objet dégradé est-elle chaque fois plus coûteuse? Est-ce que quelqu'un a de l'expérience avec ça?

Répondre

0

Je n'ai pas d'expérience avec ça, mais je suis sûr que dessiner un nouveau dégradé pour chaque mouvement de souris est cher. Au lieu de cela, vous pouvez essayer de traduire ou de transformer tout le contexte de la toile pour atteindre votre objectif. Voir le lien ci-dessous pour plus de détails sur la façon de faire la traduction du contexte.

http://www.html5canvastutorials.com/advanced/html5-canvas-transform-translate-tutorial/