如何在webkit中使用SVG *对象？

Question

我正在尝试使用JavaScript中的SVG（Google Chrome v21.0）。我理解如何使用基于XML命名空间的函数创建元素等。但是......我注意到有一大堆对象SVG *，例如SVGDocument。但我找不到任何关于如何使用它们的参考。例如：

doc1 = new SVGDocument()

返回：

TypeError: Illegal constructor

虽然任何其他参数不足的构造函数都会返回：

TypeError: Not enough arguments

这里发生了什么？

Answer 1

您将使用document.implementation.createDocument

创建SVG文档

因此，对于SVG来说，它将是

var dom = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg:svg', null);

或者

var dt = document.implementation.createDocumentType('svg:svg', '-//W3C//DTD SVG 1.1//EN', 'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd');
var dom = document.implementation.createDocument('http://www.w3.org/2000/svg', 'svg:svg', dt);

如果您想/需要设置文档类型。