无法引用现有svg的元素

2018-06-22 21:09:42

似乎有几种方法几乎可以做到这一点。如果我用svg.js加载svg图像，显然我可以通过id访问它的元素。根据文档，我可以使用SVG.adopt获得相同的结果，但需要一个对象引用。使用document.getElementById（），我可以获得父级svg对象，但不是其中的元素。我正在尝试这样的事情，但每次都打印出空白。

ionViewDidLoad() {
 let draw = document.getElementById("svg");
 draw.addEventListener("load",function() {
  let element = SVG.adopt(document.getElementById('element_0'));//I also tried SVG.get

  console.log(element, document.getElementById('element_0'));
 }, false);
}

我尝试使用console.log（draw.getElementsByClassName（“segment”）），将元素的类名设置为细分。我刚回来一个空阵列。

编辑：这将与内联SVG和SVG.get（'elementId'）一起使用。我一直在使用：

<object id="svg" data="img.svg" type="image/svg+xml" width="100%"></object>

问题仍然是如何从文件加载svg并随后使用svg.js进行操作？

链接地址: http://www.djcxy.com/p/64181.html

上一篇: Cannot reference element of existing svg

下一篇: How to access the DOM element that correlates to a D3 SVG object?