如何使用JQuery缩放SVG元素以适合父元素

Question

以下简单代码：

我正在尝试复制文档中的svg元素并将其附加到另一个元素。

但是我需要仅使用JS来调整svg以适应新元素。

const $SVG = $('svg').clone();

//Resize SVG

$('li').append($SVG);

Answer 1

尝试使用CSS：

li{
  width: [some dimension in px];
  height: [some dimension in px];
}
li svg{
  display:inline-block;
  width:100%;
  height:100%;
}

Answer 2

我不了解jQuery，但你可以看一下我编写的脚本，它通过添加一个简单的属性data-rel-d帮助扩展svg路径与它的父元素。 看看这里： https://github.com/mrdivinemaniac/RelativePath.js