html5 - Detect browser support for image type in canvas.toDataURL -

मैं canvas.toDataURL का उपयोग करके & lt; कैनवास & gt; तत्व से डेटायूआरएल प्राप्त करने की कोशिश कर रहा / रही हूं; () डिफ़ॉल्ट रूप से यह छवि / पीएनजी प्रकार देता है लेकिन कुछ ब्राउज़र image / jpeg को भी समर्थन करते हैं।

कृपया मुझे सुझाव दें कि कैसे image / jpeg या नहीं के लिए एक ब्राउज़र समर्थन अगर मैं पता लगा सकता हूँ।

- धन्यवाद

आप केवल यह निर्दिष्ट करते हैं कि आप इस तरह JPEG चाहते हैं:

  var गुणवत्ता = 0.8; Var dataUri = canvas.toDataURL ('छवि / जेपीईजी', गुणवत्ता); // गुणवत्ता वैकल्पिक है  

यदि आपके डेटायूआरआई में अब समान स्ट्रिंग JPEG समर्थित है। अन्यथा स्ट्रिंग छवि / png होगी।

  अगर (dataUri.match ('image / jpeg')) {// support jpeg}  

उस कहा जा रहा है, मुझे नहीं लगता कि कोई भी ब्राउज़र है जो नहीं जेपीजी प्रारूप का समर्थन करता है।

फ़ंक्शन हैसपोर्ट (माइम), जैसे कि एक वेबपैंट, बिटमैप आदि जैसे विभिन्न डिवाइसेज में और अधिक असामान्य प्रारूपों के लिए इस तरह की एक परीक्षा बेहतर अनुकूल है। ) {Var कैनवास = दस्तावेज़.create एलेमेंट ('कैनवास'); Canvas.width = canvas.height = 1; Var uri = canvas.toDataURL (माइम); वापसी (uri.match (माइम)! == नल); }