Здравствуйте! Вот пишу код, хочу создать квадрат в SVG из JS, но не очень понимаю как. Вот такой вот код я написал:
<svg id = 'g'>
<rect width = '10' height = '10' fill = 'red'>
<head>
<meta charset="UTF-8">
<title>jSVG</title>
<script type="text/javascript">
jSVG = document.getElementById('g');
jSVG.setAttribute('width', 600);
jSVG.setAttribute('height', 600);
jSVG.setAttribute('style','background: #aaa');
rect = document.createElement('rect');
jSVG.appendChild(rect);
rect.setAttribute('fill', 'black');
rect.setAttribute('width', 60);
rect.setAttribute('height', 60);
</script>
</head>
Я не знаю почему, но квадрат не отображается. Помогите пожалуйста это исправить. Заранее спасибки