image.onload（）或image.addEventListener（）在Safari中不起作用，任何解决方案？

Question

我正在努力使其在过去的两天内有效，遍历了有关该问题的每篇文章，但似乎无法使其在Safari中起作用。该代码可在Firefox和Chrome中完美运行，但是当我在Safari中对其进行测试时，它总是令我感到失望。我正在尝试执行以下操作：

for (var j = 0; j < total_reports; j++) {
        var svgString = $(elem_graph).find('svg');
        $(svgString)[0].setAttribute('width','2500');
        $(svgString)[0].setAttribute('height','500');
        $(svgString)[0].setAttribute('viewBox', '0 0 1000 200');
        $(svgString)[0].setAttribute('preserveAspectRatio', 'none');


        $(elem_graph).find("span").html();
        var img = new Image();
        var DOMURL = self.URL || self.webkitURL || self;
        var svg = new Blob([svgString], {type: "image/svg+xml;charset=utf-8"});
        var url = DOMURL.createObjectURL(svg);

        var svgString = $(elem_graph).find('svg');
        $(svgString)[0].setAttribute('width','2500');
        $(svgString)[0].setAttribute('height','500');
        $(svgString)[0].setAttribute('viewBox', '0 0 1000 200');
        $(svgString)[0].setAttribute('preserveAspectRatio', 'none');
        svgString=$(elem_graph).find("span").html();

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

                pdf.addImage(png, 'PNG', 10, 120, 485, 270);
                pdf.addPage();
                DOMURL.revokeObjectURL(png);
                pdf.save("test.pdf");

                img_load_counter++;
                canvas = null;
                ctx = null;
                png = null;
            }
        })(img);
        img.src = url;
        svgString = null;
    svg=null;
    unformatSvgString = null;
    url=null;
    }

直到到达“ img.onload =（function（img）”，它都没有为img注册加载事件。它还可以正常工作。我也尝试了addEventListener（），但它似乎也不起作用。

[另外，闭包，“ canvas = null;ctx = null;png = null;“似乎根本没有释放任何内存，也欢迎为此提供任何解决方案。

Answer 1

也许为时已晚，但我希望它对其他人有帮助。您可以更改：

    var DOMURL = self.URL || self.webkitURL || self;
    var svg = new Blob([svgString], {type: "image/svg+xml;charset=utf-8"});
    var url = DOMURL.createObjectURL(svg);

with：

url = "data:image/svg+xml;charset=utf-8," + encodeURIComponent( svgString );