Как получить анализатор SVG для визуализации одного элемента группы?

Question

У меня есть документ SVG, представляющий колоду карт.Каждая карта имеет уникальную группу и имя (то есть 3_hearts).Теперь я хочу показать одну из этих карт на холсте.Этот стековый поток пользователя был в той же ситуации, но в Python: Как мне отрендерить * части * файла SVG?

Я использую библиотеку под названием http://code.google.com/p/canvg/, котораяпредоставляет интерфейс для рендеринга SVG напрямую на холст наиболее желательным из возможных способов:

var c = document.getElementById('canvas');
var ctx = c.getContext('2d');
ctx.drawSvg(SVG_XML_OR_PATH_TO_SVG, dx, dy, dw, dh);

Конструктор canvg принимает строку svg, URL-адрес файла svg или документ xml.

Теперь,Как я могу получить canvg для рендеринга только одной из карт?: / Спасибо заранее

Answer 1

Теоретически вы должны быть в состоянии использовать спецификацию SVG-представления для этого, что-то вроде этого:

var img = new Image();
img.onload = function() { ctx.drawImage(img,0,0,200,200); }
img.src = "some.svg#svgView(viewBox(50,20,200,400))";

Синтаксис фрагмента svgView может выбрать, какую часть SVG вы используетехочу сделать.Вот пример (не используется , а только для элемента ).Однако обратите внимание, что некоторые браузеры еще не реализовали это.