2009-09-22 6 views
2

Est-ce que quelqu'un a déjà utilisé SVG pour les sprites d'image? Je souhaite remplacer un ensemble de GIF et de JPG très similaires par des images SVG évolutives, mais les spécifications de dégradé d'image et de forme de bouton gonflent le SVG. Si je pouvais créer un diagramme composite, je pourrais peut-être réutiliser les dégradés et les formes de boutons de base, etc. Je ne suis pas sûr qu'il soit possible de référencer des images SVG à l'intérieur d'un document CSS. Je suppose que ce n'est pas le cas, car il faut utiliser SVG via des balises embed ou object plutôt que des balises img. Peut-être que je pourrais par programmation, en utilisant jquery par exemple, prendre des fragments du document maître SVG et l'utiliser pour composer des images SVG à la demande. Mais je suppose que ce serait plutôt lent?sprites image SVG? Possible ou pas?

Merci,

Matthews Andrew

+0

Rappelez-vous, svg n'est pas supporté nativement sur IE. Si votre public cible utilise IE, alors vous feriez mieux de trouver une autre route. –

+0

Salut Matthew, je voudrais revenir sur les GIFs dans le cas d'IE, mais je veux utiliser Chrome comme ma plate-forme de démonstration de démonstration - l'application est très intensive. –

+0

Je suis venu avec un moyen léger de faire cela qui fonctionnerait bien pour ce que vous essayez de faire. Voir cette FAQ: http://stackoverflow.com/questions/11978995/how-to-change-color-of-svg-image-using-css-jquery-svg-image-replacement/ –

Répondre

1

Voici mon exemple d'utiliser SVG dans <img> et sous forme d'élément pur pour le dessin à <canvas>, travaille dans Opera 9.5 et jusqu'à IIRC:

http://dahlström.net/svg/presentations/svgdemos/canvas2d.html

Webkit fait aussi svg en <img> éléments, et l'exemple ci-dessus sorte de travaillé dans la version Epiphany webkit que j'ai testé tout à l'heure (besoin d'un rafraîchissement pour voir le tigre, mais il a été dessiné sur la toile comme prévu).

+0

Merci, Eric. Est-ce que cela signifie que je pourrais référencer un fichier SVG à partir d'une feuille de style CSS lorsque j'utilise Opera? c'est-à-dire utiliser un élément url (...) pour un fond de bouton peut-être? –

+0

Oui, cela est pris en charge. Quelques exemples: http://a.deveria.com/?p=76 –

Questions connexes