Javascript 如何通过用户在网页上更改值来更改svg画布的宽度和高度

我在我的网站上使用svg。svg画布的大小以厘米为单位，我想通过更改网页上的值来更改画布的宽度和高度。这是我试过但不起作用的代码。。 由于jquery文件的原因，sniplet无法工作，但是您可以通过查看代码了解这一点

变宽=21cm； var高度=29.7cm； $document.readyfunction{ $sizeButton.clickfunction{ 宽度+高度； $size.toggle； }; $.size.clickfunction{ var size=$this.text； 如果大小==A4{ 宽度=21cm； 高度=29.7cm； }否则，如果大小==标准报纸{ 宽度=50cm； 高度=50cm； var draw=SVGmainSection.sizewidth，高度； } }; var draw=svgmaInstition.sizewidth，height.styleborder，1px纯黑色； var rectangle=draw.rect'100%，'100%'。stylefill，none.style； }; 选择大小 A4 标准报纸

---

我想您只是想知道如何从HTML更改SVG大小

在本例中，我只给了两个输入框一个id和一个按钮一个函数来更新SVG画布。如果字段不是数字，它将返回一个警告，说明是数字

var svg=document.getElementByIdsvg 变量更新=函数{ var w=document.getElementById'input1'。值 var h=document.getElementById'input2'。值 如果isNaNw | | isNaNh{ 这不是一个数字 }否则{ svg.setAttributewidth，w svg.setAttributeheight，h } } x Y

---

1添加代码片段时，有一个名为tidy的按钮，非常棒，请使用它！2在发布问题之前，请检查您的代码片段是否有效！事实上，我是stackoverflow的新手，所以我对代码片段了解不多。我添加代码段的唯一原因是添加代码只是为了展示我所做的尝试，任何人都可以理解这个简单的代码，而无需运行代码段。很抱歉给您带来不便，OK，您没有说您会遇到什么错误？你真的需要得到一个工作片段，让我们与你一起测试-不知道错误是不可能回答的。任何人都可以理解这个简单的代码而不运行代码段，这不是一个好的参数