क्यों ToDataURL इतना धीमा है?

Question

यदि मैं नेटवर्क के माध्यम से एक साधारण छवि स्थानांतरित करता हूं, तो यह तेज़ है। जब मैं toDataURL का उपयोग कर कैनवास में बनाई गई एक ही छवि को स्थानांतरित करने का प्रयास करता हूं तो यह बहुत धीमा होता है। क्यूं कर?

Answer 1

आप सामान्य रूप में तो बहुत ज्यादा संदर्भ दे रही है नहीं कर रहे हैं:

जब आप toDataURL() का उपयोग ब्राउज़र एक छोटे से शीर्ष लेख के साथ एक बेस-64 धारा के रूप में छवि सांकेतिक शब्दों में बदलना होगा। गैर-एन्कोडेड आकार की तुलना में आधार -64 हमेशा आकार को 33% तक बढ़ा देगा।

यदि आप मूल रूप से एक जेपीईजी एन्कोडेड फ़ाइल स्थानांतरित कर रहे हैं तो यह आमतौर पर छवि के पीएनजी संस्करण की तुलना में आकार में छोटा होगा। यदि आप toDataURL के लिए छवि प्रकार निर्दिष्ट करना भूल जाते हैं तो ब्राउज़र हमेशा पीएनजी के लिए डिफ़ॉल्ट होगा।

var quality = 0.7; 
var dataUri = canvas.toDataURL('image/jpeg', quality);