gpt4 book ai didi

JavaScript 不适用于 SVG

转载 作者:行者123 更新时间:2023-12-02 18:43:52 26 4
gpt4 key购买 nike

下面的代码应该生成 100 个随机矩形。但它不起作用。谁能告诉我我做错了什么??

<html>
<head>
<script type="text/javascript">
function rectan()
{
var svgns = "http://www.w3.org/2000/svg";
for (var i = 0; i < 100; i++) {
var x = Math.random() * 5000,
y = Math.random() * 3000;

var rect = document.createElementNS(svgns, 'rect');
rect.setAttributeNS(null, 'x', x);
rect.setAttributeNS(null, 'y', y);
rect.setAttributeNS(null, 'height', '50');
rect.setAttributeNS(null, 'width', '50');
rect.setAttributeNS(null, 'fill', '#'+Math.round(0xffffff * Math.random()).toString(16));
document.getElementById('svgOne').appendChild(rect);
}
}
</script>
</head>
<body onload="rectan"();">

<svg id="svgOne" xmlns="http://www.w3.org/2000/svg" width="5000" height="3000">
<rect x="50" y="50"
width="50" height="50"
fill="black"
/>
</svg>
</body>
</html>

它所做的只是形成 SVG 部分的一个黑色矩形。我知道我在某个地方犯了错误,但我不知道在哪里。

最佳答案

onload 属性中似乎有一个无关的双引号。你想要这个...

<body onload="rectan();">

关于JavaScript 不适用于 SVG,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/16603672/

26 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com