SVG到图像转换firefox、safari不支持但Chrome工作正常

我正在使用SVG图像自定义后，我将使用image（）函数将SVG转换为PNG，Chrome浏览器工作正常，但safari和firefox不工作，我的代码如下所示

<pre>

$('#next').click( function(){

var image = new Image();
var xml = '<?php echo str_replace(PHP_EOL,'',$_SESSION['tshirt']); ?>';
image.src = 'data:image/svg+xml,' + escape(xml); 
document.getElementById('output').appendChild(image);
image.onload = function() {
    image.onload = function() {};
    var canvas = document.createElement('canvas');
    canvas.width = image.width;
    canvas.height = image.height;
    var context = canvas.getContext('2d');
    context.drawImage(image, 0, 0);
    image.src = canvas.toDataURL();
}  

});
</pre>

$（“#下一步”）。单击（函数（）{
var image=新图像（）；
var xml=''；
image.src='data:image/svg+xml'，+escape（xml）；
document.getElementById（'output'）.appendChild（图像）；
image.onload=函数（）{
image.onload=function（）{}；
var canvas=document.createElement（'canvas'）；
canvas.width=image.width；
canvas.height=image.height；
var context=canvas.getContext（'2d'）；
drawImage（image，0,0）；
image.src=canvas.toDataURL（）；
}  
});

这是我的自定义页面

这是我的firefox窗口

我不会出去的

这是我的铬合金窗

---

图像是否具有非百分比的高度和宽度属性？SVG标记“对不起，我不明白…”。。。请解释，如何将SVG转换为PNG？？？请将您试图转换的SVG添加到问题中。请给我您将发送的主id，因为此处键入的字符数不超过3000个，所以请给我您的电子邮件id