javascript - 为什么html元素在嵌入SVG的外物时会改变大小和位置？

Question

我想将 Amchart3/Webix 图表嵌入到 SVG 元素中。首先我在 SVG 文档中创建了外来对象，然后设置了它的位置和大小。然后将 Webix 图表（类似于 div 和 canvas 的 html 元素）附加到外部对象中。它显示出来了，但是图表的大小变大了。我试过amchart3，它的显示也比平时大。问题是什么？

  var elem = this.el(animEl);
  var parent = elem.parentNode;
  var foreignObject = document.createElementNS('http://www.w3.org/2000/svg', "foreignObject");
  var x = (elem.getAttribute('x'));
  var y = (elem.getAttribute('y'));
  var width = (elem.getAttribute('width'));
  var height = (elem.getAttribute('height'));

  foreignObject.setAttribute("x", x);
  foreignObject.setAttribute("y", y);
  foreignObject.setAttribute("height", height);
  foreignObject.setAttribute("width", width);

  foreignObject.appendChild(chart.getNode());
  parent.appendChild(foreignObject);