இலவச படம் முதல் ASCII கலை மாற்றி

இது எவ்வாறு செயல்படுகிறது

மாற்றம் Canvas API மூலம் முழுவதும் உங்கள் உலாவியில் இயங்குகிறது — சர்வர் இல்லை, பதிவேற்றம் இல்லை. கருவி உங்கள் படத்தை இலக்கு நெடுவரிசை அகலத்துக்கு அளவிடப்பட்ட திரைக்கு வெளியே உள்ள canvas இல் வரைந்து, getImageData வழியாக ஒவ்வொரு pixel இன் RGB மதிப்புகளைப் படித்து, ஒவ்வொரு pixel இன் perceptual ஒளிர்வையும் நீங்கள் தேர்ந்தெடுக்கும் தேடல் string இல் உள்ள ஒரு எழுத்துடன் பொருத்துகிறது.

1. 1
   Canvas படத்தை அளவிடுகிறது

   உங்கள் படம் வெளியீட்டுக் கட்டத்துக்குச் சரியாக அளவிடப்பட்ட மறைக்கப்பட்ட canvas இல் வரையப்படுகிறது — இயல்பாக 80 நெடுவரிசை அகலம், படத்தின் விகிதத்தைப் பாதுகாக்க உயரம் தானாகச் சரிசெய்யப்படுகிறது (அகலத்தை விட உயரமான monospace எழுத்துருக்களுக்காகப் பாதியாக்கப்படுகிறது).
2. 2
   ஒவ்வொரு pixel க்குமான luminance மாதிரி

   கருவி ஒவ்வொரு கலத்துக்கும் மூல RGBA bytes ஐப் படிக்க getImageData ஐ அழைக்கிறது. ITU-R perceptual சூத்திரம் (0.299R + 0.587G + 0.114B) மூலம் ஒவ்வொரு pixel ஐயும் ஒற்றை ஒளிர்வு மதிப்பாக மாற்றி, உங்கள் ஒளிர்வு ஈடு, மாறுபாட்டுப் பெருக்கி, gamma வளைவைப் பயன்படுத்துகிறது.
3. 3
   ஒளிர்வு ஒரு எழுத்துடன் பொருந்துகிறது

   சரிசெய்த ஒளிர்வு (0–1) தேர்ந்தெடுத்த எழுத்து string இன் நீளத்தால் பெருக்கப்படுகிறது — standard ( .:-=+*#%@), 70-glyph detailed, block elements, binary, அல்லது நீங்கள் தட்டச்சு செய்யும் தனிப்பயன் தொகுப்பு — அந்த index இல் உள்ள எழுத்து வெளியீட்டுக் கட்டத்தில் வைக்கப்படுகிறது.
4. 4
   எளிய உரை, PNG அல்லது HTML இல் ஏற்றுமதி

   முடிந்த கட்டம் நகல்/பதிவிறக்கத்துக்காக எளிய உரை string ஆக இணைக்கப்படுகிறது. PNG ஏற்றுமதிக்கு, ஒவ்வொரு எழுத்தும் 12px monospace இல் fillText உடன் இரண்டாவது canvas இல் வரையப்படுகிறது. வண்ணப் பயன்முறை ஒவ்வொரு pixel க்கும் அசல் RGB ஐப் படித்து ஒவ்வொரு எழுத்தையும் inline-styled span உறுப்பில் சுற்றுகிறது; இதைத் தன்னிறைவான HTML கோப்பாக ஏற்றுமதி செய்யலாம்.

தொடர்புடைய கருவிகள்