我试图了解命名空间如何在XML中工作.当我有一个像foo:bar这样的元素时,属性通常没有命名空间.但有时他们会.即使已声明默认命名空间,元素名称空间中的属性也是如此？查看xsd for xhtml似乎属性是模式的一部分,应该在xhtml的命名空间中,但它们永远不会以这种方式呈现......
我的文档中有一个SVG,我用这样的javascript添加一个符号:
var myScene =document.getElementById('myScene');
var useSVG = document.createElement('use');
useSVG.setAttribute('xlink:href','spriteSheet.svg#mySymbol');
useSVG.setAttribute('x','10');
useSVG.setAttribute('y','30');
useSVG.setAttribute('width','10');
useSVG.setAttribute('height','10');
myScene.appendChild(useSVG);
符号未显示,而生成的代码与正确显示的HTML中编写的另一个节点完全相同.
调试器中显示的代码:
<svg id="myScene" width="200px" height="200px">
<use xlink:href="spriteSheet.svg#mySymbol" x="5" y="50" width="10" height="10"></use>
<!-- this one was in html, it is visible -->
<use xlink:href="spriteSheet.svg#mySymbol" x="10" y="30" width="10" height="10"></use>
<!-- this one is added with javascript. it is not displayed -->
</svg>
我正在使用此代码将 svg 插入 div 标签。
var container = document.getElementById("div_id");
var svg = document.createElement("svg");
svg.setAttribute("width",container.clientWidth);
svg.setAttribute("height",container.clientHeight);
container.appendChild(svg);
在浏览器中使用开发人员工具进行检查时，div 中存在 svg。但是，当我将鼠标悬停在开发人员工具中的 svg 上时，它显示“svg 0*0”，即即使宽度和高度属性设置为 500 和 400，我也无法在页面中查看它。我试图在 svg 中插入一行，这在 svg 中也可以看到，但在浏览器中不可见。需要帮忙。
我目前正在开展一个涉及构建动态图的项目，并且正在考虑为此使用 SVG。
基于此，我想看看我所追求的是否真的可以用 SVG 实现。
1) 使用 JavaScript 和 json，是否可以根据我的 json 数据在 HTML 页面中动态构建 SVG 图？
基本上，我想在页面中构建一个矩形框，在那里我可以将 1 到 10 条 svg 行作为输入到左侧矩形框的输入。要确定实际出现的行数，将来自我的 json 对象。
因此，如上所述，这是否可能，如果可能，如何设置以绘制此内联 svg 图？
2) 同样，使用 JavaScript，是否可以根据 json 对象中的信息在这些 svg 行上放置超链接标签？
我开始使用静态内联 SVG，但不确定如何使用 javascript 来构建它，以掩盖我上面的两点，即：
<body>
<h1>My SVG Test</h1><hr/>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
<text x="465" y="90" fill="red">Heading One</text>
<image x="100" y="110" width="50%" height="50%"
xlink:href="http://my-image.com/myimg.jpg" />
<line x1="25" y1="80" x2="350" y2="80" style="stroke: #000000; stroke-width: 2;"/>
</svg>
</body>