छवियों को स्केल करना कैसे काम करता है?
वेब पेजों या HTML को कैप्चर करने या परिवर्तित करने के तरीके पर प्रश्न पूछें into चित्र, CSV, PDF या DOCX दस्तावेज़ और साथ ही वीडियो कैसे परिवर्तित करें intओ एनिमेटेड GIF हमारे एपीआई का उपयोग कर रहा है।
ज्यादातर मामलों में, जो स्क्रीनशॉट मैं लेने की कोशिश कर रहा हूं वह ब्राउज़र पर छोटा हो गया है लेकिन मैं इसे बड़े आकार में निर्यात करना चाहता हूं। मैं यह इंगित करने के लिए कि वेबपेज पर तत्व की ऊंचाई और चौड़ाई क्या है, bheight और bwidth मानों का उपयोग कर रहा हूं और फिर जो चौड़ाई और ऊंचाई मान चाहता हूं उसे पास कर रहा हूं (जो समान पहलू अनुपात होगा)। कुछ मामलों में, ऊंचाई ऊंचाई से 2-4 गुना बड़ी होती है और इससे छवि बहुत धुंधली होने लगती है।
हालाँकि, div के अंदर के सभी तत्व जिन्हें मैं पकड़ने का प्रयास कर रहा हूँ, उन्हें उनके आकार के 100% से अधिक बड़ा नहीं किया जा रहा है। उदाहरण के लिए, div की चौड़ाई 300px हो सकती है और मैं चाहता हूं कि यह 900px चौड़ाई के रूप में निर्यात हो। उस div के अंदर सभी छवियां 300px से बड़ी नहीं दिखती हैं लेकिन उनकी वास्तविक चौड़ाई 1000px है। यह देखते हुए कि छवि 1000px चौड़ी है, इसे 900px चौड़ी होने में कोई समस्या नहीं होनी चाहिए, लेकिन यह धुंधली दिखती है जैसे कि यह वास्तव में 300px चौड़ी छवि थी जिसे 3x ज़ूम किया गया है।
इसके अतिरिक्त, उस छवि में पाठ धुंधला है।
कुछ सवाल:
- क्या मुझसे कुछ ग़लत हो रहा है?
- ग्रैबज़िट कैसे बढ़ता है? क्या यह 300px चौड़ाई में स्क्रीनशॉट ले रहा है (ऊपर मेरे उदाहरण में) और उसके बाद इसे स्केल कर रहा है? या क्या यह पहले HTML से मेरे तत्वों को स्केल कर रहा है, फिर स्क्रीनशॉट लौटा रहा है?
- क्या मैं जो हासिल करना चाहता हूं उसे हासिल करने का एकमात्र तरीका HTML को परिवर्तित करना है ताकि सभी ऊंचाई और चौड़ाई मान मेरे इच्छित पैमाने से बढ़ जाएं?
मैं DataURI के साथ ConvertHTML पद्धति का उपयोग कर रहा हूं
धन्यवाद।
उपयोग करने की जानकारी एचडी छवियां यहां पाई जा सकती हैं।
आपको एचडी पैरामीटर और -1 चौड़ाई और ऊंचाई का उपयोग करना चाहिए, इससे छवि का आकार दोगुना हो जाएगा।
सटीक आकार निर्धारित करने के लिए चौड़ाई का उपयोग करने की अनुशंसा नहीं की जाती है। इसके अतिरिक्त ऊंचाई सेट करने का मतलब यह होगा कि छवि को ज़ूम किया गया है और फिर ऊंचाई के अनुसार स्केल किया गया है जिससे छवि धुंधली हो जाएगी।
एचडी छवियां ब्राउज़र विंडो को ज़ूम करके और स्क्रीनशॉट बनाकर काम करती हैं।
धन्यवाद। समस्या यह है कि HD केवल 2X तक बढ़ता है और कभी-कभी मुझे इससे अधिक की आवश्यकता होती है। क्या मेरे लिए एचडी जैसी सेटिंग करने का कोई तरीका है, जहां मैं पैमाना सेट करूं? यदि नहीं, तो क्या मैं जो करने का प्रयास कर रहा हूं उसे हासिल करने का कोई अलग तरीका है?
फिलहाल, ऐसा लगता है कि जो मैं चाहता हूं उसे हासिल करने का एकमात्र तरीका HTML को कैप्चर करना है, फिर ऊंचाई और चौड़ाई की सभी इनलाइन शैलियों को समायोजित करने के लिए जावास्क्रिप्ट का उपयोग करें और जो स्केल मैं चाहता हूं उसकी ऊंचाई और चौड़ाई के साथ बदलें।
धन्यवाद
ठीक है, आप चौड़ाई का उपयोग करके अपना स्वयं का ज़ूम सेट कर सकते हैं लेकिन छवि को लंबाई में बदलने से बचने के लिए आपको ऊंचाई को -1 पर सेट करना होगा।
लेकिन मैं चाहता हूं कि ऊंचाई का भी आकार बदला जाए। तो अगर मेरे पास स्क्रीन पर 300x300 की छवि है, लेकिन मैं इसे 900x900 के रूप में निर्यात करना चाहता हूं, तो ऊंचाई को -1 पर सेट करने से 900x300 छवि बनती है।
हाँ, क्षमा करें ऊँचाई निर्धारित करने के संबंध में आप सही हैं।
ऐसा लगता है कि सेटिंग के माध्यम से ज़ूम करने पर चौड़ाई वर्तमान में टूटी हुई है। मैंने इसे ठीक करने के लिए एक मामला उठाया है।
ठीक है मुझे बताने के लिए धन्यवाद। क्या आपको पता है कि इस प्रकार की चीज़ों में कितना समय लगता है? मैं जानता हूं कि समयसीमा बताना कठिन है लेकिन समय का कोई भी ज्ञान मेरे लिए मददगार होगा।
उम्मीद है अगले एक-दो दिन में।
यह अद्भुत होगा, धन्यवाद.
समस्या अब ठीक हो गई है.
बढ़िया, इस पर इतनी जल्दी काम करने के लिए धन्यवाद। क्या यह कुछ ऐसा है जिसे मैं अपनी ओर से तुरंत देखूंगा या इसमें कुछ समय लगेगा? मेरे पूछने का कारण यह है कि मैंने अभी-अभी इसका परीक्षण किया है और यह वैसा ही लगता है।
एक बार फिर धन्यवाद
मैंने अभी इसे आज़माया है और ज़ूम तब काम करता है जब चौड़ाई ब्राउज़र की चौड़ाई से अधिक हो।
शायद मैं ग़लत समझ रहा हूँ कि क्या तय किया गया था। मैं एक ही div का परीक्षण कर रहा हूं लेकिन विभिन्न ब्राउज़र आकारों के साथ। ब्राउज़र जितना छोटा होगा, अंतिम छवि उतनी ही धुंधली होगी, भले ही वह बिल्कुल वैसी ही हो।
दूसरे शब्दों में, मेरे पास एक अंतिम छवि है जो 1000px x 1000px होगी। मैंने इसका परीक्षण तब किया है जब ब्राउज़र पर div 800x800, 600x600, 400x400, आदि है और bwidth/bheight (या अंतिम चौड़ाई/ऊंचाई तक बड़ा पैमाना) जितना छोटा होगा, अंतिम छवि उतनी ही अधिक धुंधली होगी।
यदि मेरी छवि bwidth/bheight 800x800 होने पर अच्छी दिखती है, तो क्या छवि 400x400 होने पर भी वैसी ही नहीं दिखनी चाहिए?
धन्यवाद
एचडी की अनुशंसा की जाती है क्योंकि यह छवि के आकार को दोगुना कर देता है जो सर्वोत्तम परिणाम देता है।
फिक्स का मतलब है कि ज़ूम अब वास्तव में किया जाता है यदि चौड़ाई ब्राउज़र की चौड़ाई से बड़ी है।
यदि आप चौड़ाई और ऊंचाई का उपयोग कर रहे हैं तो सर्वोत्तम परिणाम प्राप्त करने के लिए आपको ब्राउज़र आयामों के संबंध में चौड़ाई और ऊंचाई को दोगुना या तिगुना करना होगा। ऐसा इसलिए है क्योंकि दुर्भाग्य से ज़ूम स्तरों में काम करता है न कि प्रतिशत में। इसलिए चौड़ाई में अंतर से गणना किए गए किसी भी प्रतिशत ज़ूम को एक ऐसे स्तर में परिवर्तित किया जाना चाहिए जो संभवतः बहुत सटीक नहीं है यदि यह आकार का एक साधारण कारक नहीं है।
एचडी कोई ऐसी चीज़ नहीं है जिसका मैं उपयोग कर सकता हूं (जब तक कि मैं कुछ भूल नहीं रहा हूं) क्योंकि कुछ मामलों में मुझे एक सटीक आयाम की आवश्यकता होती है, 2X आकार की नहीं। और कुछ मामलों में, मुझे 2X से अधिक की आवश्यकता है।
मुझे देखने दो कि क्या मैं समझ पा रहा हूँ कि तुम क्या कह रहे हो। मान लीजिए कि मेरे पास HTML है जो 200x200 है और मैं अंतिम आकार 900x900 चाहता हूं। यानी 4.5x आकार. क्या आप कह रहे हैं कि यह इसे सर्वोत्तम परिणामों के साथ केवल 800x800 या 1000x1000 (4X या 5x आकार) के रूप में बनाएगा लेकिन .5x अंतर धुंधलापन पैदा करता है?
यदि मेरे पास यह सही है, तो सबसे अच्छा समाधान इसे भेजने से पहले HTML में हेरफेर करना है? तो मूल रूप से, मुझे HTML बनाना चाहिए जो सही आकार का हो और फिर उसे किसी ज़ूम की आवश्यकता नहीं होगी?
धन्यवाद
हाँ, काफी हद तक, जैसे-जैसे ज़ूम बढ़ता है, स्तर बड़े होते जाते हैं।
इसलिए जो ज़ूम x2, x3 या x4 नहीं हैं वे गलत होंगे क्योंकि आयाम बंद हो जाएंगे। केवल दस संभावित ज़ूम स्तर भी हैं, इसलिए मुझे लगता है कि यह अधिकतम X5 के बराबर है।