Question

Warum ist das Onload-Ereignis nie Schnipsel in folgenden gefeuert?

var img = new Image() 
img.onload = function() { 
    alert("ok"); 
} 
var svg = '<svg height="100" width="100"><circle cx="50" cy="50" r="40" stroke="black" stroke-width="3" fill="red" /></svg>' 

img.src = 'data:image/svg+xml;base64,'+ btoa(svg); 

Link zu jsfiddle: https://jsfiddle.net/venmmn3b/1/

Answer 1

, weil es nicht in Ordnung ist -

• Zitat in Ihrem svg String
• das Bild, um den Fehler fehlt löst und nicht die Lastaufnahme

var img = new Image() 
 
img.onload = function() { 
 
    console.log("ok"); 
 
} 
 
img.onerror = function(e) { 
 
    console.log("Not ok",e); 
 
} 
 
var svg = '<svg></svg>'; 
 
img.src = 'data:image/svg+xml;base64,'+ btoa(svg);

I Veranstaltung versucht gültig svg hinzuzufügen:

var img = new Image() 
 
img.onload = function() { 
 
    console.log("ok"); 
 
} 
 
img.onerror = function(e) { 
 
    console.log("Not ok",e); 
 
} 
 
img.src = 'data:image/svg+xml;utf8,<svg><text font-size="68" font-weight="bold" font-family="DejaVu Sans" y="52" x="4" transform="scale(.8,1.7)"><tspan fill="#248">W3</tspan>C</text> <path fill="none" stroke="#490" stroke-width="12" d="m138 66 20 20 30-74"/></svg>';

Answer 2

Sie sind ein Angebot in der Linie

var svg = '<svg></svg>';. 

fehlt und es ist auch zu arbeiten, wenn ich halten Bildquelle als "http://pierre.chachatelier.fr/programmation/images/mozodojo-original-image.jpg". Also denke ich, dass nur etwas mit deinem Bild nicht stimmt.