SVG изображение спрайтов? Возможно или нет?

Question

Кто-нибудь когда-нибудь использовал SVG для спрайтов изображений? Я хочу заменить несколько очень похожих GIF и JPG на несколько масштабируемых изображений SVG, но спецификации градиента изображения и формы кнопок раздувают SVG.

Если бы я мог создать составную диаграмму, то я мог бы повторно использовать градиенты и формы базовых кнопок и т. Д. Я просто не уверен, возможно ли ссылаться на изображения SVG внутри (скажем) документа CSS. Я предполагаю, что это не так, поскольку нужно использовать SVG через теги embed или object вместо тегов img.

Возможно, я мог бы программно, например, с помощью jquery, взять фрагменты основного документа SVG и использовать его для создания изображений SVG по требованию. Но я предполагаю, что это будет довольно медленно?

Спасибо

Эндрю Мэтьюз

Answer 1

Вот мой пример использования SVG в <img> и в чистом виде элемента для рисования до <canvas>, работает в Opera 9.5 и выше IIRC:

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

Webkit также выполняет svg в <img> элементах, и приведенный выше пример работал в версии Epiphany webkit, которую я только что протестировал (нужно было обновить, чтобы увидеть тигра, но он был нарисован на холсте, как и ожидалось).