SVG couleur de remplissage de la transparence / alpha?

Question

Est-il possible de définir une transparence ou alpha niveau sur SVG couleurs de remplissage?

J'ai essayé d'ajouter deux valeurs pour le remplissage de la balise (changement de fill="#044B94" fill="#044B9466"), mais cela ne fonctionne pas.

Answer 1

Vous utilisez un attribut supplémentaire; fill-opacity: Cet attribut prend un nombre décimal compris entre 0.0 et 1.0 inclus; lorsque 0.0 est complètement transparent.

En outre, vous avez l' stroke-opacity de l'attribut de l'avc, opacity pour l'ensemble de l'objet.

Answer 2

Comme un pas encore complètement normalisée solution (même si, en alignement avec la couleur de la syntaxe en CSS3), vous pouvez utiliser l'e.g fill="rgba(124,240,10,0.5)". Fonctionne très bien sous Firefox, Opera, Chrome.

Voici un exemple.