जावास्क्रिप्ट का उपयोग कर बेस 64 एन्कोडेड डेटा यूआरआई पीएनजी का आकार कैसे बदलें?

Question

मैं एक वेब पेज में एक वेब सॉकेट से बाहर निचोड़ा एक Base64 इनकोडिंग पीएनजी है, कि मैं डाटा यूआरआई

<img src="data:image/png;base64, --base64 png-- "> 

का उपयोग करके प्रदर्शन वहाँ एक रास्ता जावास्क्रिप्ट या उसके जायके में से कुछ में छवि मैं में प्राप्त आकार बदलने के लिए है एक छोटे बेस 64 डेटा यूआरआई समकक्ष, दी गई छवि के थंबनेल संस्करण को द्विपक्षीय रूप से उत्पन्न करने के लिए?

या शायद मैं HTML छवि ऑब्जेक्ट को डुप्लिकेट कर सकता हूं और पूरी तरह से इसके साथ खेल सकता हूं, कुछ अस्पष्ट jQuery जादू चाल का उपयोग करके जो मुझे अभी तक नहीं मिला है।

यदि यह क्लाइंट साइड पर जावास्क्रिप्ट में किया जा सकता है, तो मैं अपने सर्वर डीमॉन के लिए एक और HTTP अनुरोध से बच सकता हूं, जिसमें पुन: प्रसंस्करण और आकार बदलने वाली छवि को वितरित करने में कुछ समय लगेगा।

Answer 1

आप jQuery के साथ छवि क्लोन कर सकते हैं, और आकार बदलने के लिए - शायद छोटी बदलती चौड़ाई और एचटीएमएल तत्व की ऊंचाई?

$('.somewhere img').clone().appendTo('.elsewhere').width(16).height(16) 

Answer 2

maxImage प्लगइन छवियों का आकार बदलने में सक्षम होने का दावा करता है। टीएमएमवी, मैंने इसे स्वयं नहीं किया है।

Answer 3

पिक्सैस्टिक लाइब्रेरी ऐसा करेगी और यह मोबाइल डिवाइस पर भी आश्चर्यजनक रूप से तेज़ी से काम करेगी।

someting तरह का प्रयास करें:

Pixastic.process(image, "resize", { "width" : 200, "height" : 200 }, function (oCanvas){ //callback code here}); 

मैं तथ्य यह है कि आप इसे एक छवि देने के लिए और यह एक कैनवास वापसी के साथ हालांकि संघर्ष किया, मुझे समझने की क्या हो रहा था हफ्ते लगे !!! अब मैं एक छवि पर वापस जाने के लिए वेब पर कहीं भी कैनवास 2 इमेज का उपयोग करता हूं।