Partiellement transparent (opacité) HTML5 Dessin sur toile

Question

Est-il possible de créer des éléments partiellement transparents à la volée dans une toile? Actuellement, je définis l'opacité de l'élément canvas dans CSS, mais je veux que certains éléments soient plus visibles que d'autres. Rien de ce que j'ai trouvé jusqu'ici n'indique que c'est possible.

Answer 1

suffit d'utiliser rgba(r, g, b, a) (où a est votre transparence alpha de 0 (complètement transparent) à 1 (complètement opaque):

myContext.fillStyle = "rgba(0, 0, 0, 0.5)"; 

Exemples:

• https://developer.mozilla.org/samples/canvas-tutorial/4_4_canvas_rgba.html
• https://developer.mozilla.org/en/drawing_graphics_with_canvas