सर्वर पर छवि के रूप में डिव सामग्री सहेजना

Question

मैं थोड़ा सा jQuery सीख रहा हूं और वीबी में नेट। मैंने एक प्रकार का उत्पाद कस्टमाइज़ टूल बनाया है जो मूल रूप से एक टीशर्ट के शीर्ष पर divs और add's text, images आदि को लेयर करता है।

मैं एक महत्वपूर्ण चरण पर फंस गया हूँ!

मुझे div की सामग्री को रूपांतरित करने में सक्षम होना चाहिए जो पाठ और छवियों के इन सभी divs को एक सपाट छवि में लपेटने में सक्षम होना चाहिए जो किसी भी सीएसएस को भी लागू किया गया है।

मैंने उन चीजों के बारे में सुना है जो मैं सर्वर पर ब्राउज़र की सामग्री को कैप्चर करने के लिए उपयोग कर सकता हूं जो कम रेज अंगूठे आदि के लिए संभव हो सकता है, लेकिन यह थोड़ा परेशानी लगता है! और यह उच्च res की एक छवि बनाने के लिए वास्तव में अच्छा होगा।

मैंने एचटीएमएल को एचटीएमएल 5 कैनवास में परिवर्तित करने के बारे में भी सुना है, फिर इसे लिखना ... लेकिन मेरे लिए बहुत जटिल लग रहा है और ब्राउज़र समर्थन एक मुद्दा है।

क्या यह .NET में संभव है?

शायद जावास्क्रिप्ट के साथ कुछ किया जा सकता है?

सही दिशा में कोई भी मदद या मार्गदर्शन की सराहना की जाएगी!

संपादित करें:

मैं सोच रहा हूँ शायद मैं इस के लिए दो समाधान के साथ कर सकता है। आदर्श रूप से मैं वेबसाइट पर प्रदर्शित करने के लिए एक सामान्य res jpg/png आदि के साथ समाप्त होता हूं, लेकिन एक प्रिंट तैयार उच्च रेज फ़ाइल भी बहुत वांछनीय होगी।

पोस्टस्क्रिप्ट प्रिंटर - मैंने इसके बारे में सुना है लेकिन मैं शुरुआत के लिए इसे समझने के लिए एक अच्छा संसाधन खोजने के लिए संघर्ष कर रहा हूं (विशेष रूप से विकी ब्लैक आउट के साथ)। शायद मैं अपनी div सामग्री से एक HTML पृष्ठ बना सकता हूं और इसे एक ईपीएस फ़ाइल में प्रिंट करने के लिए भेज सकता हूं। किसी के लिए इस के लिए कोई अच्छा ट्यूटोरियल पता है?

Answer 1

हमने यह लगभग 10 साल पहले किया था। दिलचस्प बात यह है कि उपलब्ध तकनीक वास्तव में बहुत ज्यादा नहीं बदली है। http://blog.spreadshirt.net/uk/2007/11/27/everyones-a-designer-free-designers-for-premium-partners/

बस इसे लाइसेंस: -

अद्यतन सर्वोत्तम उत्तर

Spreadshirt अपने उत्पाद लाइसेंस देती है। अपने आप को ऐसा न करें, जब तक कि आपके पास वास्तविक ग्राफिक्स में छेड़छाड़ न हो और उत्पादन अनुभव प्रिंट न हो। मैं आज की दुनिया में कहूंगा कि आप कहीं भी 4,000 से 5,000 घंटे देवता के समय को डुप्लिकेट करने के लिए देख रहे हैं ...और यह है कि यदि आपके पास दो शीर्ष स्तरीय लोग काम कर रहे हैं।

---

संक्षिप्त उत्तर: आप इसे HTML में नहीं कर सकते हैं।

थोड़ा लंबा का जवाब:
यह भाग में काम नहीं करता है, क्योंकि आप नहीं स्क्रीन टोपी क्लाइंट पक्ष और उत्पादन प्रकार मुद्रण के लिए आवश्यक संकल्प के स्तर पर मिल सकता है। आधुनिक स्क्रीन रिज़ॉल्यूशन आमतौर पर 100 पीपीआई के क्रम में होता है। एक सभ्य प्रिंट के लिए आपको वास्तव में घनत्व के 3 और 6 गुना के बीच कुछ चाहिए। अन्यथा आपके पास बहुत सारे पिक्सेलेशन होंगे और यह आम तौर पर बाहर निकलने पर बकवास जैसा दिखता है।

एक अलग जवाब:
आपका सबसे अच्छा शर्त एसवीजी (स्केलेबल वेक्टर ग्राफिक्स) की तरह कुछ लाभ उठाने के लिए और ब्राउज़र करने के लिए सतह ड्राइंग का एक प्रकार प्रदान करना है। फ्लैश का उपयोग करके ऐसा करने के कई तरीके हैं (Spreadshirt.com इसका उपयोग करता है) या सिल्वरलाइट (अनुशंसित नहीं)। हमने फ्लैश का इस्तेमाल किया और यह बहुत अच्छा था।

आप एचटीएमएल 5 का उपयोग करने में सक्षम हो सकते हैं। भले ही आप जो भी रास्ता चुनते हैं वह जटिल हो जाएगा।

एक बार जब उपयोगकर्ता अपने ड्राइंग के साथ खुश है और यह प्रिंट आउट करना चाहता है, तो आप अंतिम फ़ाइल बनाने और एक प्रक्रिया को चलाने यह उपसंहार या जो कुछ भी प्रारूप अपने टी शर्ट प्रदाता आवश्यकताओं के कन्वर्ट करने के लिए। कनवर्टर (उर्फ आरआईपी सॉफ्टवेयर) या तो पैसे का एक गुच्छा विकसित करने या खर्च करने के लिए काफी समय ले रहा है ... एक चुनें। (सहायक संकेत: इसे खरीदें। फिर वापस, हमने लगभग $ 20k यूएस खर्च किए और यह विकसित करने की कोशिश करने से कहीं अधिक सस्ता था)।

बेशक, यह रंग मिलान और अंशांकन जैसे मुद्दों को अनदेखा करता है। यह वास्तव में हमारी प्राथमिक समस्या थी। हर किसी का मॉनिटर थोड़ा अलग होता है और एक मशीन पर लाल जैसा दिखता है वह दूसरे पर गुलाबी होता है।

और एक छोटे से पृष्ठभूमि के लिए, हम अनुकूलित रैपिंग पेपर कर रहे थे। उपयोगकर्ता ने टेक्स्ट जोड़ा, हमारी लाइब्रेरी से चयनित छवियों को अपलोड किया या अपना स्वयं का अपलोड किया, और एक पैटर्न चुना। हमारे प्रिंट बड़े प्रारूप वाले एचपी इंकजेट प्रिंटर (36 "और 60" चौड़े) पर आए। आखिरकार हमने इसे बनाने के लिए देव संसाधनों पर $ 200k और $ 300k के बीच खर्च किया ... और दुर्भाग्यवश, कीमत के बिंदु को हमें बाजार में बहुत अधिक था।

Answer 2

उपयोगकर्ता द्वारा जेनरेट की गई सामग्री के साथ पूरे div को AJAX कॉल का उपयोग करके सर्वर पर वापस भेजें। 'HtmlTextWriter' कक्षा का उपयोग कर सर्वर पर एक HTML दस्तावेज़ जेनरेट करें। तो फिर तुम जैसे बाहरी उपकरण का उपयोग कर कि HTML फ़ाइल परिवर्तित कर सकते हैं

(1) http://www.officeconvert.com/products_website_to_image.htm#easyhtmlsnapshot

(2) http://html-to-image.acasystems.com/faq-html-to-picture.htm

जो मुफ़्त उपकरण नहीं हैं, लेकिन आप सर्वर पर नई प्रक्रिया बनाने के द्वारा उन्हें इस्तेमाल कर सकते हैं।

Answer 3

यदि आप कुछ सर्वर-साइड टूल का उपयोग कर सकते हैं, तो phantomjs देखें। यह एक हेडलेस वेबकिट ब्राउज़र है (बिना गुई के) जो पृष्ठ का स्क्रीनशॉट ले सकता है, एक जावास्क्रिप्ट एपीआई का उपयोग करता है। यह चाल करना चाहिए।

Answer 4

सबसे अच्छा विकल्प मैं भर में आया था wkhtmltopdf है। यह wkhtmltoimage नामक एक उपकरण के साथ आता है। यह एक वेब पेज रेंडर करने के लिए QtWebKit (वेबकिट प्रतिपादन इंजन का एक क्यूटी बंदरगाह) का उपयोग करता है, और अपनी पसंद के PDF या चित्र प्रारूप, सभी सर्वर साइड पर किया करने के लिए परिणाम बदल देता है।

क्योंकि यह वेबकिट उपयोग करता है, यह सब कुछ (चित्र, सीएसएस और यहां तक ​​कि जावास्क्रिप्ट) सिर्फ एक आधुनिक ब्राउज़र की तरह बना देता है। मेरे उपयोग के मामले में, परिणाम बहुत संतोषजनक रहे हैं और ब्राउज़र के प्रस्तुत करने के लिए लगभग समान हैं।

शुरू करने के लिए, आप कैसे .NET में बाहरी उपकरण को चलाने के लिए को देखने के लिए चाहते हो सकता है: Execute an external EXE with C#.NET