如何擴大SVG元素使用JQuery

Question

，以適應父元素下面

簡單代碼：

我想一個SVG元素在文檔中複製並追加到另一個元素。

但我需要調整svg以適應僅使用JS的新元素。

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的，但你可以看看劇本我寫的，有助於擴大與它SVG路徑是父元素通過把一個簡單屬性，data-rel-d。 查看這裏： https://github.com/mrdivinemaniac/RelativePath.js