Beddelaha Sawirka ilaa Farshaxanka ASCII oo Bilaash ah

U beddel sawir kasta farshaxan ASCII ah oo loogu talagalay wada-hadal, README, terminals, ama commit messages. Noocyo dhowr ah oo xaraf ah oo ay ku jiraan block characters iyo emoji.

Wuu shaqeeyaa oflaayn marka la shubo

Faylasha halkan ku rid, ama guji si aad u baarato

JPG, PNG, WebP, GIF, HEIC, HEIF Β· Ma jiro xadid cabbirka faylka

ama taabo Ctrl+V si aad uga dhejiso clipboard-ka

Baar faylasha

Talo: waxaad ku dhajin kartaa sawir-qaadis Ctrl+V

Faylashaadu weligood kama tagaan qalabkaaga. Farsamaynta oo dhan waxay ka dhacdaa gudaha browser-kaaga.

Sida Ay U Shaqeyso

Beddelku wuxuu gebi ahaanba ka dhacaa biraawsarkaaga isagoo isticmaalaya Canvas API β€” server, soo shubid midna ma jiraan. Qalabku wuxuu ku sawiraa sawirkaaga canvas bannaan-shaashadeed ah oo loo miisaamay ballaadhka tiirka bartilmaameedka, wuxuu ka akhriyaa qiyamka RGB pixel kasta via getImageData, wuxuuna u dhigaa iftiinka dareenka ee pixel kasta xaraf ka mid ah xarig raadin oo aad dooratay.

  1. 1
    Canvas wuxuu miisaamaa sawirka
    Sawirkaaga waxaa lagu sawiraa canvas qarsoon oo si sax ah loo cabbiriyay shabagga wax-soo-saarka β€” caadi ahaan 80 tiir ballaadh oo default ah, dhererkuna si toos ah ayuu ugu habboonaadaa si ay u ilaaliso saameynta sawirka (loo laba-jibbaaray fonts monospace ah, kuwaas oo ka dheer inta ay ballaadhan yihiin).
  2. 2
    Sampling luminance-ka pixel kasta
    Qalabku wuxuu wacaa getImageData si uu u akhriyo bytes-ka RGBA qaawan ah unugga kasta. Wuxuu u beddelaa pixel kasta qiime iftiin oo keliya isagoo isticmaalaya qaacidada dareenka ITU-R (0.299R + 0.587G + 0.114B), kadibna wuxuu dabaqaa xoogayntaada iftiinka, isku-dhufashadaada, iyo curve-ga gamma.
  3. 3
    Iftiinka wuxuu u dhigmaa calaamad
    Iftiinka la hagaajiyay (0–1) waxaa lagu dhufto dhererka xariga calaamadaha la doortay β€” caadiga ah ( .:-=+*#%@), 70-glyph faahfaahsan, unugyada block-ka, binary, ama miis gaar ah aad qortay β€” calaamadda ku taal booskaasna waxaa lagu dhigaa shabagga wax-soo-saarka.
  4. 4
    Ku soo saar qoraal caadi ah, PNG, ama HTML
    Shabagga dhammaystiran waxaa lagu isku daraa xarig qoraal caadi ah oo la koobiyeyn karo/soo saari karo. Soo-saarka PNG, calaamad kastaa waxaa lagu sawiraa canvas labaad fillText 12px monospace ah. Habka midabku wuxuu akhriyaa RGB-ka asalka ah pixel kasta wuxuuna calaamad kasta ku duubaa element span oo qaabaysan inline ah, kaasoo loo soo saari karo fayl HTML gaar u ah.

Sawirkaaga waxaa si toos ah u akhriya Canvas API-ga biraawsarka weligiisna kama baxo aaladdaada β€” xog midna waxba wakhti kasta looma diro server.

Qalabka La Xiriira

Su'aalaha Inta Badan La Iska Weydiiyo