web-dev-qa-db-ja.com

JavaScriptを使用してオブジェクトSVGの高さ/幅を変更する

ボタンをクリックしたときに高さまたは幅を変更したい。私はこれを試しますが動作しません:

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

SVGでは、<rect>要素の幅と高さは属性であり、CSSプロパティではないため、次のように記述する必要があります。

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

幅についても同様です。

40
Robert Longson