Почему размер и положение элементов html изменяются, когда они внедряются во внешний объект SVG? - PullRequest
Новая
       47

Почему размер и положение элементов html изменяются, когда они внедряются во внешний объект SVG?

0 голосов
/ 04 февраля 2020

enter image description here Я хочу встроить диаграммы Amchart3 / Webix в элемент SVG. Сначала я создал посторонний объект в документе SVG, затем установил его положение и размер. Затем добавили диаграмму Webix (которая является html элементом, подобным div и canvas) в сторонний объект. Это было отображено, однако, размер диаграммы стал больше. Я попробовал 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);
...