تبدیل تصویر به هنر ASCII رایگان

نحوه کار

تبدیل کاملاً در مرورگر شما با استفاده از Canvas API اجرا می‌شود — بدون سرور، بدون آپلود. ابزار تصویر شما را روی یک بوم خارج-از-صفحه در عرض ستون هدف مقیاس‌شده می‌کشد، مقادیر RGB هر پیکسل را از طریق getImageData می‌خواند، و روشنایی ادراکی هر پیکسل را به یک کاراکتر از یک رشته جست‌وجوی انتخابی شما نگاشت می‌کند.

1. 1
   Canvas تصویر را مقیاس می‌کند

   تصویر شما روی یک بوم پنهان دقیقاً به اندازه شبکه خروجی — معمولاً به‌طور پیش‌فرض ۸۰ ستون عرض — کشیده می‌شود، با ارتفاعی که خودکار تنظیم می‌شود تا نسبت ابعاد تصویر حفظ شود (نصف برای فونت‌های monospace، که بلندتر از عریض هستند).
2. 2
   نمونه‌برداری روشنایی پیکسل‌به‌پیکسل

   ابزار getImageData را فراخوانی می‌کند تا بایت‌های خام RGBA هر سلول را بخواند. هر پیکسل را با فرمول ادراکی ITU-R (۰٫۲۹۹R + ۰٫۵۸۷G + ۰٫۱۱۴B) به یک مقدار روشنایی تک تبدیل می‌کند، سپس آفست روشنایی، ضریب کنتراست، و منحنی گامای شما را اعمال می‌کند.
3. 3
   روشنایی به یک کاراکتر نگاشت می‌شود

   روشنایی تعدیل‌شده (۰–۱) در طول رشته کاراکتر انتخابی — استاندارد ( .:-=+*#%@)، جزئی ۷۰-گلیفی، عناصر بلوکی، دودویی، یا مجموعه سفارشی‌ای که تایپ می‌کنید — ضرب می‌شود، و کاراکتر آن شاخص در شبکه خروجی قرار می‌گیرد.
4. 4
   صدور در متن ساده، PNG، یا HTML

   شبکه تمام‌شده برای کپی/دانلود در یک رشته متن ساده به هم متصل می‌شود. برای صدور PNG، هر کاراکتر روی یک بوم دوم با fillText در ۱۲px monospace رندر می‌شود. حالت رنگی RGB اصلی هر پیکسل را می‌خواند و هر کاراکتر را در یک عنصر span با استایل درون‌خطی می‌پیچد، که می‌تواند به‌صورت یک فایل HTML مستقل صادر شود.

ابزارهای مرتبط