firefox svg canvas drawImage error

Question

Sto provando a convertire un'icona svg esterna in base64. Funziona in tutti i browser ad eccezione di Firefox che genera un errore "NS_ERROR_NOT_AVAILABLE".

 var img = new Image(); 
     img.src = "icon.svg"; 

     img.onload = function() { 
      var canvas = document.createElement("canvas");    
      canvas.width = this.width; 
      canvas.height = this.height; 
      var ctx = canvas.getContext("2d"); 
      ctx.drawImage(this, 0, 0); 
      var dataURL = canvas.toDataURL("image/png"); 
      return dataURL; 
     }; 

qualcuno può aiutarmi su questo per favore? Grazie in anticipo.

Answer 1

Firefox non supporta il disegno di immagini SVG su tela a meno che il file svg non abbia attributi larghezza/altezza sull'elemento radice <svg> e tali attributi larghezza/altezza non siano percentuali. Questo è un longstanding bug.

Sarà necessario modificare il file icon.svg in modo che soddisfi i criteri di cui sopra.