如何让 SVG 解析器呈现单个组元素？

Question

我有一个代表一副纸牌的 SVG 文档。每张卡都是唯一的组和命名（即 3_hearts）。现在我希望能够将其中一张卡片渲染到画布上。这个 * 用户处于同样的情况，但在 python 中：How do I render *parts* of a svg file?

我正在使用一个名为 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 字符串、svg 文件的 url 或 xml 文档。

现在，我要如何让 canvg 只渲染其中一张卡片？ :/ 先谢谢了

Answer 1

理论上，您应该可以为此使用SVG view specification，类似于以下内容：

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 的哪一部分。这是一个example（不使用 ，而仅用于 元素）。但请注意，一些浏览器尚未实现此功能。