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 = 空; png = 空;" 似乎根本没有释放任何内存，也欢迎任何解决方案。

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);

跟：

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