小编use*_*087的帖子

使用HTML中的JavaScript动态创建SVG元素

我想在HTML页面内创建一个矩形,然后在该矩形上写一些文本.我还需要该文本作为超链接.这就是我做的,但它不起作用:

    <!DOCTYPE html>
<html>
<body>

<script>

    var svg   = document.documentElement;
    var svgNS = svg.namespaceURI;

    var rect = document.createElementNS(svgNS,'rect');
    rect.setAttribute('x',5);
    rect.setAttribute('y',5);
    rect.setAttribute('width',500);
    rect.setAttribute('height',500);
    rect.setAttribute('fill','#95B3D7');
    svg.appendChild(rect);
    document.body.appendChild(svg);

    var h=document.createElement('a');
    var t=document.createTextNode('Hello World');
    h.appendChild(t);
    document.body.appendChild(h);


</script>

</body>
</html>

Run Code Online (Sandbox Code Playgroud)

你能帮帮忙吗？谢谢.

html javascript svg

use*_*087

2013 12-12

56
推荐指数

3
解决办法

11万
查看次数