58 lines
2.1 KiB
HTML
58 lines
2.1 KiB
HTML
<html xmlns="http://www.w3.org/1999/xhtml">
|
|
<head>
|
|
<script type="text/javascript">
|
|
function runTest()
|
|
{
|
|
if (window.testRunner)
|
|
testRunner.dumpAsText();
|
|
|
|
var target = document.getElementById("target");
|
|
|
|
var svgns = "http://www.w3.org/2000/svg";
|
|
var xmlnsns = "http://www.w3.org/2000/xmlns/";
|
|
var xlinkns = "http://www.w3.org/1999/xlink";
|
|
|
|
// SVG with correct xmlns prefix on xlink
|
|
var svg = document.createElementNS(svgns, "svg");
|
|
svg.setAttributeNS(xmlnsns, 'xmlns', svgns);
|
|
svg.setAttributeNS(null, "svg", svgns);
|
|
svg.setAttributeNS(xmlnsns, "xmlns:xlink", xlinkns);
|
|
svg.setAttributeNS(null, "width", "200");
|
|
svg.setAttributeNS(null, "height", "200");
|
|
|
|
// Already correct xlink:href
|
|
var image = document.createElementNS(svgns, "image");
|
|
image.setAttributeNS(null, "width", "20");
|
|
image.setAttributeNS(null, "height", "20");
|
|
image.setAttributeNS(xlinkns, "xlink:href", "resources/green-checker.png");
|
|
svg.appendChild(image);
|
|
|
|
// Missing prefix from href. Must be added when serialized.
|
|
var image = document.createElementNS(svgns, "image");
|
|
image.setAttributeNS(null, "x", "0");
|
|
image.setAttributeNS(null, "y", "30");
|
|
image.setAttributeNS(null, "width", "20");
|
|
image.setAttributeNS(null, "height", "20");
|
|
image.setAttributeNS(xlinkns, "href", "resources/green-checker.png");
|
|
svg.appendChild(image);
|
|
|
|
target.appendChild(svg);
|
|
|
|
var serializer = new XMLSerializer();
|
|
var xmlString = serializer.serializeToString(target);
|
|
|
|
var xlink_str = '<El a:title="C" a:href="H" xmlns:a="http://www.w3.org/1999/xlink" />';
|
|
var xlink_dom = new DOMParser().parseFromString(xlink_str, 'text/xml');
|
|
var xlink_output = serializer.serializeToString(xlink_dom);
|
|
|
|
var svgText = document.getElementById("svgoutput");
|
|
svgText.textContent = xmlString + "\n" + xlink_output;
|
|
}
|
|
</script>
|
|
</head>
|
|
<body onload="runTest()">
|
|
<div id="target"/>
|
|
<div id="svgoutput"/>
|
|
</body>
|
|
</html>
|