SVG到PNG,为什么箭头没有转换?

时间:2015-09-23 04:43:05

标签: jquery canvas svg png

我正在开发一个项目,我正在动态创建SVG元素。当我试图将svg转换为图像时,不知道为什么没有拾取箭头。添加下面的小提琴链接。

http://jsfiddle.net/ddjaq32j/

var svgString = new XMLSerializer().serializeToString(document.querySelector('svg'));

        var canvas = document.getElementById("canvas");
        var ctx = canvas.getContext("2d");
        var DOMURL = self.URL || self.webkitURL || self;
        var img = new Image();
        var svg = new Blob([svgString], {type: "image/svg+xml;charset=utf-8"});
        var url = DOMURL.createObjectURL(svg);
        img.onload = function() {
            ctx.drawImage(img, 0, 0);
            var png = canvas.toDataURL("image/png");
            document.querySelector('#png-container').innerHTML = '<img src="'+png+'"/>';
            DOMURL.revokeObjectURL(png);
        };
        img.src = url;

提前致谢..

0 个答案:

没有答案