var circle;
var love = 30;
document.getElementById("output"). innerHTML=("
The Circle is __ Units with an Area of __
<svg version='1.1'
width='360' height='300'
xmlns='http://www.w3.org/2000/svg'>
<circle cx='50%' cy='50%' r='" + love + " %' stroke='black'
stroke-width='2' fill='red'/>
</svg>");
我知道这里有一个语法错误,我确信它与块中的大量引号有关。我应该把它变成更小的字符串并将它们组合起来。有点像 .= 与 PHP?(该块的重点是将 SVG 半径{r} 设置为可变的爱。) - 感谢 Josh
编辑 2 #(感谢社区支持,这里有一些漂亮整洁的工作代码)
var love = 30;
var va1 = "The Circle is __ Units with an Area of __ ";
var va2 =" <svg version='1.1' width='360' height='300' xmlns='http://www.w3.org/2000/svg'>" ;
var va3 = " <circle cx='50%' cy='50%' r='" ;
var va4 = "%' stroke='black' stroke-width='2' fill='red'/> </svg>";
document.getElementById("output"). innerHTML=(va1+ va2 + va3 + love +va4);