😺 📢 🤜🏾 एक उदाहरण के रूप में xkcd का उपयोग करके C # का उपयोग करके एक वेब कॉमिक से एक पीडीएफ पुस्तक बनाना 🤜🏽 👩‍👩‍👦 🧑🏾‍🤝‍🧑🏾

नई xkcd रिलीज़ को ध्यान में रखते हुए, मैंने अपने ताज़ा खरीदे सोनी PRS-650 इलेक्ट्रिक बुक को देखा, और तुरंत सोचा - मैं इस पर कॉमिक्स देखना चाहता हूँ! Xkcd सिर्फ काले और सफ़ेद हैं और आमतौर पर आकार में छोटे हैं। थोड़ा सा Google, केवल TPB पर छवियों का एक संग्रह पाया, और bash पर एक स्क्रिप्ट जो पीडीएफ करना चाहिए। मैंने प्रोग्रामिंग में थोड़ा मज़ा लेने और अपने पसंदीदा C # में एक कॉमिक बुक ग्रैबर बनाने का फैसला किया।

कंसोल एप्लिकेशन के साथ करना संभव होगा, लेकिन, स्पष्टता के लिए, WPF पर एक सरल इंटरफ़ेस बनाया गया है।

कोड का एक पूर्ण विश्लेषण बेमानी होगा, इसलिए मैं मुख्य बिंदुओं को समझाऊंगा। मैं तुरंत Google कोड से पूर्ण एप्लिकेशन कोड खोलने / डाउनलोड करने की सलाह देता हूं।

1. साइट से चित्र, शीर्षक और ऑल्ट-टेक्स्ट प्राप्त करें

Xkcd पर, कॉमिक्स सुविधा के रूप में xkcd.com/n के पते पर स्थित है, जहाँ n = 1 ...

पहला विचार पेज कोड से सही को फाड़ना था, लेकिन यह पता चला कि आप फॉर्म Jkcd.com {0} /info.0.json के पते पर JSON में सभी जानकारी प्राप्त कर सकते हैं।

.NET में JSON के लिए, एक DataContractJsonSerializer है

उचित डेटा क्रैकट्रेक्ट बनाएँ:

[DataContract] public class XkcdComic { #region Public properties and indexers [DataMember] public string img { get; set; } [DataMember] public string title { get; set; } [DataMember] public string month { get; set; } [DataMember] public string num { get; set; } [DataMember] public string link { get; set; } [DataMember] public string year { get; set; } [DataMember] public string news { get; set; } [DataMember] public string safe_title { get; set; } [DataMember] public string transcript { get; set; } [DataMember] public string day { get; set; } [DataMember] public string alt { get; set; } #endregion }

... और उपयोग करें:

  private static XkcdComic GetComic(string url) { var stream = new WebClient().OpenRead(url); if (stream == null) return null; var serializer = new DataContractJsonSerializer(typeof (XkcdComic)); return serializer.ReadObject(stream) as XkcdComic; }

Xkcd.com/info.0.json पर, आप नवीनतम कॉमिक बुक प्राप्त कर सकते हैं, और अंक क्षेत्र से उसका नंबर लेते हुए, उनकी कुल संख्या का पता लगा सकते हैं।

यह चित्र को ही ख़राब करना है, सब कुछ सरल है:

 var imageBytes = WebRequest.Create(comicInfo.img).GetResponse().GetResponseStream().ToBytes();

... जहाँ comicInfo JSON से हमारा डेटा है, और ToBytes () एक सरल एक्सटेंशन विधि है जो किसी स्ट्रीम से डेटा को एक अरै में पढ़ता है।

कॉमिक स्ट्रिप (कॉमिक स्ट्रिप, या इसे एकवचन में सही तरीके से कैसे कॉल करें?) का प्रतिनिधित्व करने के लिए, कॉमिक क्लास का उपयोग किया जाता है। तस्वीर के प्राप्त बाइट्स को मान्य करने के लिए (और हम कुछ गलत डाउनलोड कर सकते हैं, सर्वर एक त्रुटि, आदि को वापस कर सकता है) क्लास कंस्ट्रक्टर को निजी बनाया गया था, और फ़ैक्टरी बनाएँ विधि जोड़ा गया था, जो एक डिकोडिंग त्रुटि के मामले में शून्य वापस आ जाएगी। BitmapImage का उपयोग डिकोडिंग के लिए किया जाता है, जो सफल होने पर परिणाम को पूर्वावलोकन करने के लिए थंबनेल के रूप में उपयोग किया जाएगा:

  public static Comic Create(byte[] imageBytes) { try { // Validate image bytes by trying to create a Thumbnail. return new Comic {ImageBytes = imageBytes}; } catch { // Failure, cannot decode bytes return null; } } public byte[] ImageBytes { get { return _imageBytes; } private set { _imageBytes = value; var bmp = new BitmapImage(); bmp.BeginInit(); bmp.DecodePixelHeight = 100; // Do not store whole picture bmp.StreamSource = new MemoryStream(_imageBytes); bmp.EndInit(); bmp.Freeze(); Thumbnail = bmp; } }

यह सब एक साथ रखकर, हमें एक कॉमेडियन स्ट्रिप को उसके नंबर से डाउनलोड करने की विधि मिलती है:

  protected override Comic GetComicByIndex(int index) { // Download comic JSON var comicInfo = GetComic(string.Format(UrlFormatString, index + 1)); if (comicInfo == null) return null; // Download picture var imageStream = WebRequest.Create(comicInfo.img).GetResponse().GetResponseStream().ToMemoryStream(); var comic = Comic.Create(imageStream.GetBuffer()); if (comic == null) return null; comic.Description = comicInfo.alt; comic.Url = comicInfo.link; comic.Index = index + 1; comic.Title = comicInfo.title; // Auto-rotate for best fit var t = comic.Thumbnail; if (t.Width > t.Height) { comic.RotationDegrees = 90; } return comic; }

इस प्रकार, हमारे पास कई कॉमिक्स हैं और सूचकांक द्वारा एक पट्टी प्राप्त करने की एक विधि है।

डाउनलोड का समानांतरकरण

मैं टास्क पैरेलल लाइब्रेरी का उपयोग करूंगा, क्योंकि मैं लंबे समय से कोशिश कर रहा था, लेकिन कोई कारण नहीं था। पहली नज़र में, सब कुछ सरल है, एक लूप में, सीधे GetComicByIndex (i) को कॉल करने के बजाय, हम var टास्क करते हैं = Task.Factory.StartNew (() => GetComicByIndex (i)। हम सभी रनिंग टास्क को फंक्शन ऐरे में लिखते हैं और टास्क करते हैं। AitAll (टास्क), जिसके बाद हमें टास्क से हर टास्क के रिजल्ट मिलते हैं। लेकिन यह दृष्टिकोण हमें प्रगति को ट्रैक करने और उपयोगकर्ता को पहले से लोड स्ट्रिप्स दिखाने की अनुमति नहीं देगा। इस समस्या को हल करने के लिए, हम WaitAny का उपयोग करेंगे और पूरा होने पर प्रत्येक कार्य के परिणाम को वापस करने के लिए उपज लौटाएंगे:

  public IEnumerable<Comic> GetComics() { var count = GetCount(); var tasks = Enumerable.Range(0, count).Select(GetTask).ToList(); while (tasks.Count > 0) // Iterate until all tasks complete { var task = tasks.WaitAnyAndPop(); if (task.Result != null) yield return task.Result; } }

यहां, GetTask विधि GetComicByIndex (i) कार्य, प्लस त्रुटि हैंडलिंग और कैशिंग लौटाती है (यह इस आलेख के दायरे से परे है)। WaitAnyAndPop एक एक्सटेंशन विधि है, जो किसी एक कार्य के पूरा होने की प्रतीक्षा करती है, उसे सूची से हटा देती है, और वापस कर देती है:

 WaitAnyAndPop — extension ,      ,      : public static Task<T> WaitAnyAndPop<T>(this List<Task<T>> taskList) { var array = taskList.ToArray(); var task = array[Task.WaitAny(array)]; taskList.Remove(task); return task; }

अब ViewModel कोड में (मैं इस लेख में वास्तु संबंधी मुद्दों पर विचार नहीं करता, लेकिन MVVM (मॉडल-व्यू-व्यूमॉडल) WPF अनुप्रयोगों के लिए वास्तविक मानक है, और बेशक, निर्यात और अन्य चीजों के लिए कोड, संबंधित कक्षाओं में टूट गया है) हम GetComics विधि के परिणाम के अनुसार पृष्ठभूमि स्ट्रीम में पुनरावृति कर सकते हैं और उपयोगकर्ता स्ट्रिप्स को दिखा सकते हैं जैसे वे आते हैं:

  private readonly Dispatcher _dispatcher; private readonly ObservableCollection<Comic> _comics = new ObservableCollection<Comic>(); private void StartGrabbing() { _dispatcher = Dispatcher.CurrentDispatcher; // ObservableCollection modifications should be performed on the UI thread ThreadPool.QueueUserWorkItem(o => DoGrabbing()); } private void DoGrabbing() { var grabber = new XkcdGrabber(); foreach (var comic in grabber.GetComics()) { var c = comic; _dispatcher.Invoke((Action) (() => Comics.Add( c )), DispatcherPriority.ApplicationIdle); } }

2. WPF में कॉमिक्स प्रदर्शित करें

XAML कोड में, हम केवल अपने ऑब्जर्वेबल कॉलेक्शन के लिए बाइंडिंग कर सकते हैं, और टूलटिप में ऑल्ट टेक्स्ट के साथ लोडिंग प्रक्रिया और कॉमिक्स को देखने के लिए संबंधित DataTemplate तैयार कर सकते हैं:

  <ListView ItemsSource="{Binding Comics}" ScrollViewer.VerticalScrollBarVisibility="Disabled" x:Name="list" Margin="5,0,5,0" ScrollViewer.HorizontalScrollBarVisibility="Visible" Grid.Row="1"> <ItemsControl.ItemTemplate> <DataTemplate> <Border BorderBrush="Gray" CornerRadius="5" Padding="5" Margin="5" BorderThickness="1"> <StackPanel Orientation="Vertical"> <StackPanel Orientation="Horizontal"> <TextBlock Text="{Binding Index}" FontWeight="Bold" /> <TextBlock Text="{Binding Title}" FontWeight="Bold" Margin="10,0,0,0" /> </StackPanel> <Image Source="{Binding Thumbnail}" ToolTip="{Binding Description}" Height="{Binding Thumbnail.PixelHeight}" Width="{Binding Thumbnail.PixelWidth}" /> </StackPanel> </Border> </DataTemplate> </ItemsControl.ItemTemplate> <ItemsControl.ItemsPanel> <ItemsPanelTemplate> <StackPanel Orientation="Horizontal" /> </ItemsPanelTemplate> </ItemsControl.ItemsPanel> </ListView>

3. एक पीडीएफ पुस्तक बनाएँ

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

 var document = new Document(PageSize.LETTER); var wri = PdfWriter.GetInstance(document, new FileStream(fileName, FileMode.Create)); document.Open(); foreach (var comic in comics.OrderBy(c => c.Index).ToList()) { var image = Image.GetInstance(new MemoryStream(comic.ImageBytes)); var title = new Paragraph(comic.Index + ". " + comic.Title, titleFont); title.SetAlignment("Center"); document.Add(title); document.Add(image); document.Add(new Phrase(comic.Description, altFont)); document.Add(Chunk.NEXTPAGE); } document.Close();

परिणाम

परिणाम एक आवेदन है जो पीडीएफ को निर्यात करने के अलावा, आपको आसानी से कॉमिक्स देखने की अनुमति देता है:

वेबकॉमिक ग्रैबर स्क्रीनशॉट

पुस्तक पर परिणाम कैसा दिखता है यह लेख की पहली तस्वीर में देखा जा सकता है।

लेख से क्या बचा है

एप्लिकेशन लॉन्च (आइसोलेटेडस्टोरेज का उपयोग करके) के बीच डाउनलोड किए गए डेटा को कैशिंग।

अन्य वेबकॉमिक्स के लिए समर्थन (इस उद्देश्य के लिए, मैंने IGrabber इंटरफ़ेस को पूर्व-आबंटित किया, और टास्कपर्लग्रेगबर में कुछ कार्यक्षमता प्रदान की। एक लेख लिखते समय, मैंने व्हाट्सएप के लिए हड़ताली जोड़े और साइनाइड और खुशी)।

संदर्भ

एप्लिकेशन कोड (C #): Google कोड

.NET पर पीडीएफ के साथ काम करें: iTextSharp

कॉमिक्स: xkcd

युपीडी:

परिणामी पीडीएफ और संकलित कार्यक्रम को अपलोड करने के लिए XHunter का धन्यवाद!

UPD2:

मैं यहाँ एक अच्छे "प्रतिक्रिया" लेख का लिंक छोड़ दूंगा जिसमें WCF का उपयोग करके कॉमिक्स को पंप करने के विषय का विवरण दिया गया है: http://darren-brown.com/?p=37

एक उदाहरण के रूप में xkcd का उपयोग करके C # का उपयोग करके एक वेब कॉमिक से एक पीडीएफ पुस्तक बनाना