javascript - 使用 JavaScript 更改 SVG 对象的高度和宽度

Question

我想在单击按钮时更改 svg 对象的高度和宽度。我试过了，但它不起作用:

function modify() {
    document.getElementById('circle1').style.height = "10px";
    document.getElementById('circle1').style.width = "10px";        
}

Answer 1

在 SVG 中宽度和高度为 <rect>元素是属性而不是 CSS 属性，因此您需要编写

document.getElementById('cercle1').setAttribute("height", "10px");

宽度也类似。