फ़ायरफ़ॉक्स svg canvas drawImage त्रुटि

Question

मैं एक बाहरी svg आइकन को base64 में बदलने की कोशिश कर रहा हूं। यह फ़ायरफ़ॉक्स को छोड़कर सभी ब्राउज़रों में काम कर रहा है जो एक त्रुटि "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; 
     }; 

क्या कोई इस पर मेरी सहायता कर सकता है? अग्रिम में धन्यवाद।

Answer 1

फ़ायरफ़ॉक्स कैनवास में एसवीजी छवियों को चित्रित करने का समर्थन नहीं करता है जब तक कि svg फ़ाइल रूट <svg> तत्व पर चौड़ाई/ऊंचाई विशेषताओं तक नहीं है और उन चौड़ाई/ऊंचाई विशेषताओं प्रतिशत नहीं हैं। यह longstanding bug है।

आपको icon.svg फ़ाइल को संपादित करने की आवश्यकता होगी ताकि यह उपर्युक्त मानदंडों को पूरा कर सके।