d3导出svg图片

svg必需放在一个div容器里

var svgHeadInfo = '\n';
            var svg = $('#vizContainer').find('svg')[0];
            svg.setAttribute("xmlns:xlink", "http://www.w3.org/1999/xlink");

            var svgSource = d3.select("svg")
                .attr("version", 1.1)
                .attr("xmlns", "http://www.w3.org/2000/svg")
                .node().parentNode.innerHTML;

            d3.select("body").append("a")
                .attr("title", "file.svg")
                .attr("href-lang", "image/svg+xml")
                .attr("href", "data:image/svg+xml;base64," + btoa(unescape(encodeURIComponent(svgHeadInfo + svgSource))))
                .text("Download");


你可能感兴趣的:(d3.js,javascript)