گۆڕەری وێنە بۆ هونەری ASCIIی بەخۆڕایی

چۆن کار دەکات

گۆڕینەکە تەواو لە وێبگەڕەکەتدا کاردەکات بە بەکارهێنانی APIی Canvas — بەبێ سێرڤەر، بارکردن. ئامرازەکە وێنەکەت دەکێشێت لەسەر canvasیەکی دەرەوەی شاشەی پیواندراو بۆ پانی ستوونی ئامانج، نرخی RGBی هەر پیکسێلێک لە ڕێگای getImageDataەوە دەخوێنێتەوە، و ڕووناکی هەستپێکراوی هەر پیکسێلێک نەخشە دەکات بۆ پیتێک لە ڕیزبەندییەکی گەڕانی هەڵبژێردراوت.

1. 1
   Canvas وێنەکە پیوان دەکات

   وێنەکەت دەکێشرێت لەسەر canvasیەکی شاردراوی قەبارە درووستی خشتەی دەرچوون — بەگشتی 80 ستوونی پان بەبنەڕەت، لەگەڵ بەرزی خۆکار ڕێکخراو بۆ پاراستنی ڕێژەی ڕوانگەی وێنەکە (نیوکراو بۆ فۆنتی مۆنۆسپەیس، کە درێژترن لە پان).
2. 2
   نموونەگرتنی ڕووناکی هەر-پیکسێل

   ئامرازەکە getImageData بانگدەکات بۆ خوێندنەوەی بایتی خاوی RGBA بۆ هەر خانەیەک. هەر پیکسێلێک دەگۆڕێت بۆ نرخێکی ڕووناکی تاک بە بەکارهێنانی فۆرمولی هەستپێکراوی ITU-R (0.299R + 0.587G + 0.114B)، پاشان کۆچی ڕووناکیت، لێکدەری جیاوازی، و کێوی گاماتان جێبەجێدەکات.
3. 3
   ڕووناکی نەخشە دەکرێت بۆ پیتێک

   ڕووناکی چاکسازیکراو (0–1) لێک دەدرێت بە درێژی ڕیزبەندی پیتی هەڵبژێردراو — ستاندارد ( .:-=+*#%@)، 70-گلایفی وردکاری، توخمی بلۆک، دووانی، یان کۆمەڵێکی تایبەتی خۆت دەینووسیت — و پیتی لەو ئیندێکسەدا لەناو خشتەی دەرچووندا دادەنرێت.
4. 4
   دەرهێنان بە دەقی سادە، PNG، یان HTML

   خشتەی تەواو دەبەسترێتەوە بۆ ڕیزبەندییەکی دەقی سادە بۆ کۆپی/داگرتن. بۆ دەرهێنانی PNG، هەر پیتێک دەکێشرێت لەسەر canvasیەکی دووەم بە fillText لە 12px مۆنۆسپەیس. دۆخی ڕەنگ RGBی سەرەتایی هەر پیکسێلێک دەخوێنێتەوە و هەر پیتێک لەناو توخمێکی spanی شێوازکراوی ناوخۆییدا دەپێچێتەوە، کە دەتوانرێت وەک فایلێکی HTMLی خۆتەبینی دەرببرێت.

ئامرازە پەیوەندیدارەکان