प्रतिमा स्केलिंग कसे कार्य करते?

बर्‍याच प्रकरणांमध्ये, मी जो स्क्रीनशॉट घेण्याचा प्रयत्न करत आहे तो ब्राउझरवर कमी केला जातो परंतु मला तो मोठा निर्यात करायचा आहे. वेबपृष्ठावर घटकाची उंची आणि रुंदी किती आहे हे दर्शवण्यासाठी मी bheight आणि bwidth व्हॅल्यू वापरत आहे आणि नंतर मला पाहिजे असलेले रुंदी आणि उंचीचे मूल्य पास करत आहे (जे समान गुणोत्तर असेल). काही प्रकरणांमध्ये, उंचीपेक्षा 2-4 पट मोठी असते आणि त्यामुळे प्रतिमा खूप अस्पष्ट होऊ लागते.

मी कॅप्चर करण्याचा प्रयत्न करत असलेल्या div मधील सर्व घटक त्यांच्या आकाराच्या 100% पेक्षा मोठे केले जात नाहीत. उदाहरणार्थ, div ची रुंदी 300px असू शकते आणि मला ती 900px रुंद म्हणून निर्यात करायची आहे. त्या div मधील सर्व प्रतिमा 300px पेक्षा मोठ्या दिसत नाहीत परंतु त्यांची खरी रुंदी 1000px आहे. प्रतिमा 1000px रुंद आहे हे लक्षात घेता, ती 900px रुंद असण्याची कोणतीही समस्या नसावी परंतु ती 300x झूम केलेली 3px रुंद प्रतिमा असल्यासारखी ती अस्पष्ट दिसते. 

याव्यतिरिक्त, त्या प्रतिमेतील मजकूर अस्पष्ट आहे. 

दोन प्रश्न:

  - मी काही चुकीचे करत आहे का?

  - ग्रॅबझिट कसे वाढते? तो 300px रुंद (माझ्या वरील उदाहरणात) स्क्रीनशॉट घेत आहे आणि नंतर तो वाढवत आहे का? किंवा ते प्रथम HTML वरून माझे घटक मोजत आहे, नंतर स्क्रीनशॉट परत करत आहे?

  - मला जे एचटीएमएल रूपांतरित करायचे आहे ते साध्य करण्याचा एकमेव मार्ग आहे जेणेकरून सर्व उंची आणि रुंदीची मूल्ये मला पाहिजे असलेल्या स्केलने वाढविली जातील?

मी DataURI सह ConvertHTML पद्धत वापरत आहे

धन्यवाद.

वापरण्याबाबत माहिती एचडी प्रतिमा येथे आढळू शकतात.

तुम्ही hd पॅरामीटर आणि -1 रुंदी आणि उंची वापरत असाल, यामुळे इमेजचा आकार दुप्पट होईल.

अचूक आकार सेट करण्यासाठी रुंदी वापरण्याची शिफारस केलेली नाही. याव्यतिरिक्त उंची सेट करण्याचा अर्थ असा होईल की प्रतिमा झूम केली आहे आणि नंतर उंचीनुसार स्केल केली आहे ज्यामुळे प्रतिमा अस्पष्ट होईल.

एचडी प्रतिमा ब्राउझर विंडो झूम करून आणि स्क्रीनशॉट तयार करून कार्य करतात.

धन्यवाद. समस्या अशी आहे की HD फक्त 2X पर्यंत स्केल करते आणि कधीकधी मला त्यापेक्षा जास्त आवश्यक असते. माझ्यासाठी HD सारखी सेटिंग करण्याचा मार्ग आहे का, जिथे मी स्केल सेट करतो? नसल्यास, मी जे करण्याचा प्रयत्न करीत आहे ते साध्य करण्याचा वेगळा मार्ग आहे का?

आत्तापर्यंत, असे दिसते की मला जे हवे आहे ते साध्य करण्याचा माझ्यासाठी एकमेव मार्ग म्हणजे HTML कॅप्चर करणे, नंतर javascript वापरून उंची आणि रुंदीच्या सर्व इनलाइन शैली समायोजित करा आणि मला पाहिजे असलेल्या स्केलच्या उंची आणि रुंदीने बदला.

धन्यवाद

ठीक आहे, तुम्ही रुंदी वापरून तुमचा स्वतःचा झूम सेट करू शकता परंतु प्रतिमेचा आकार बदलू नये म्हणून तुम्ही उंची -1 वर सेट केली पाहिजे.

पण मला उंचीचा आकारही बदलायचा आहे. तर माझ्याकडे स्क्रीनवर 300x300 ची प्रतिमा असल्यास परंतु मला ती 900x900 म्हणून निर्यात करायची आहे, उंची -1 वर सेट केल्यास 900x300 प्रतिमेमध्ये परिणाम होतो. 

होय, माफ करा तुम्ही उंची सेट करण्याबाबत बरोबर आहात.

असे दिसते की रुंदी सेट करून झूम करणे सध्या तुटलेले आहे. हे निराकरण करण्यासाठी मी एक केस मांडली आहे.

ठीक आहे, मला कळवल्याबद्दल धन्यवाद. या प्रकारांना किती वेळ लागतो याची कल्पना आहे? मला माहित आहे की टाइमलाइन देणे कठीण आहे परंतु वेळेची कोणतीही जाणीव माझ्यासाठी उपयुक्त ठरेल.  

आशा आहे की पुढच्या दिवसात किंवा त्याप्रमाणे.

ते आश्चर्यकारक असेल, धन्यवाद. 

समस्या आता निश्चित झाली आहे.

छान, इतक्या लवकर यावर काम केल्याबद्दल धन्यवाद. हे असे काहीतरी आहे जे मी लगेच माझ्या बाजूने पाहीन किंवा थोडा वेळ लागेल? मी विचारण्याचे कारण असे आहे की मी नुकतेच त्याची चाचणी केली आहे आणि ते समान दिसते. 

धन्यवाद

मी आत्ताच प्रयत्न केला आहे आणि ब्राउझरच्या रुंदीपेक्षा रुंदी जास्त असेल तेव्हा झूम कार्य करते.

कदाचित मी काय निश्चित केले आहे याचा गैरसमज होत आहे. मी समान div ची चाचणी करत आहे परंतु भिन्न ब्राउझर आकारांसह. ब्राउझर जितका लहान असेल तितकी अंतिम प्रतिमा अधिक अस्पष्ट असेल, जरी ती अगदी सारखीच आहे.  

दुसऱ्या शब्दांत, माझ्याकडे एक अंतिम प्रतिमा आहे जी 1000px x 1000px असेल. जेव्हा ब्राउझरवरील div 800x800, 600x600, 400x400, इ. आणि रुंदी/भिट जितकी लहान असेल (किंवा अंतिम रुंदी/उंचीपर्यंत मोठी असेल) तेव्हा अंतिम प्रतिमा अधिक अस्पष्ट असेल तेव्हा मी याची चाचणी केली आहे. 

जर माझी प्रतिमा रुंदी/भिट 800x800 असताना छान दिसत असेल, तर प्रतिमा 400x400 असेल तेव्हा ती तशीच दिसावी का? 

धन्यवाद

HD ची शिफारस केली जाते कारण ती प्रतिमेचा आकार दुप्पट करते ज्यामुळे सर्वोत्तम परिणाम मिळतात.

निराकरण म्हणजे ब्राउझरच्या रुंदीपेक्षा रुंदी मोठी असल्यास झूम आता प्रत्यक्षात केले जाते.

जर तुम्ही रुंदी आणि उंची वापरत असाल तर सर्वोत्तम परिणाम तयार करण्यासाठी तुम्हाला ब्राउझरच्या परिमाणांच्या संबंधात रुंदी आणि उंची दुप्पट किंवा तिप्पट करणे आवश्यक आहे. हे असे आहे कारण दुर्दैवाने झूम टक्केवारीत नव्हे तर स्तरांमध्ये कार्य करते. त्यामुळे रुंदीमधील फरकांवरून मोजले जाणारे कोणतेही टक्के झूम एका पातळीवर रूपांतरित केले जाणे आवश्यक आहे जे आकाराचे साधे घटक नसल्यास ते अगदी अचूक नसते.

एचडी अशी गोष्ट नाही जी मी वापरू शकतो (जोपर्यंत मी काहीतरी गमावत नाही तोपर्यंत) कारण काही प्रकरणांमध्ये मला 2X आकाराची नव्हे तर अचूक परिमाण आवश्यक आहे. आणि काही प्रकरणांमध्ये, मला 2X पेक्षा जास्त आवश्यक आहे.

तुम्ही काय म्हणत आहात ते मला समजले आहे का ते पाहू द्या. समजा माझ्याकडे 200x200 HTML आहे आणि मला अंतिम आकार 900x900 हवा आहे. म्हणजे 4.5 x आकार. तुम्ही असे म्हणत आहात की हे केवळ 800x800 किंवा 1000x1000 (4X किंवा 5x आकाराचे) उत्कृष्ट परिणामांसह तयार करेल परंतु .5x फरक अस्पष्टता निर्माण करतो?

जर माझ्याकडे हे बरोबर असेल, तर सर्वोत्तम उपाय म्हणजे HTML पाठवण्यापूर्वी हाताळणे? तर मुळात, मी योग्य आकाराचे HTML तयार केले पाहिजे आणि नंतर कोणत्याही झूमची आवश्यकता नाही?

धन्यवाद

होय खूपच, जसजसे झूम वाढत जाईल तसतसे स्तर मोठे होतात.

त्यामुळे x2, x3 किंवा x4 नसलेले झूम चुकीचे असतील कारण परिमाणे बंद असतील. फक्त दहा संभाव्य झूम स्तर आहेत जे माझ्या मते कमाल X5 च्या समान आहेत.