webkit dom serialization issue

This code takes an existing svg element and rasterizes it with canvas.

The problem is that in webkit the namespaces for href's are not captured in the serialization, they should be "xlink:href=..." but instead are just "href=" The same problem happens with the xmnls:xlink= losing its "xmnls".

To get around this I run a regular expression on the svg if it's in webkit. This isn't necessary in firefox.

<!DOCTYPE html>
<html>
    <head>
        <script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
        <style>
            #svg {
                position: absolute;
                top: 10px;
                left: 10px;
            }
            #svg_desc {
                position: absolute;
                top: 210px;
                left: 10px;
            }
            #canv {
                position: absolute;
                top: 10px;
                left: 220px;
            }
            #canv_desc {
                position: absolute;
                top:    210px;
                left:   220px;
            }
        </style>
    </head>

<canvas id="canv" width="200px" height="200px"></canvas>
        <p id="canv_desc">Canvas</p>

//The serialized SVG
                console.log(svg_xml)

//Need to deal with weird serializations problem in webkit
                if($.browser.webkit) {
                    //WebKit
                    svg_xml = svg_xml.replace(/ xlink/g, ' xmlns:xlink')
                    svg_xml = svg_xml.replace(/ href/g, ' xlink:href')
                }
                //The cleaned SVG
                //console.log(svg_xml)
                var ctx = targetCanvas.getContext('2d');

// this is just a JavaScript (HTML) image
                var img = new Image();
                // https://en.wikipedia.org/wiki/SVG#Native_support
                // https://developer.mozilla.org/en/DOM/window.btoa
                img.src = "data:image/svg+xml;base64," + btoa(svg_xml);

img.onload = function() {
                    // after this, Canvas’ origin-clean is DIRTY
                    //console.log("loaded", img.src)
                    ctx.drawImage(img, 0, 0);
                }
            }
            //canvg();
            //var canv = d3.select("#canv").node()
            var canv = document.getElementById("canv")
            //var svg = d3.select("svg").node()
            var svg = document.getElementById("svg")
            importSVG(svg, canv)
        </script>
    </body>
</html>

https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js