Tungkol sa proyektong ito

Mag-upload ng larawan, piliin kung ilang kulay ang gusto mo, at awtomatikong guguhitin ng tool ang mga outline ng rehiyon, bibigyan ng numero, at gagawa ng malinis na SVG file na handang i-print. Ito ang libre at mabilis na paraan para gumawa ng custom na DIY paint-by-numbers kit mula sa iyong sariling mga larawan.

Ang proyektong ito ay nai-inspire ng open-source na gawa ng PBNCanvas at muling itinayo gamit ang mga modernong web technology — vanilla JavaScript, HTML canvas API, at SVG — para maghatid ng mabilis, madaling gamitin, at ganap na client-side na karanasan, nang walang kahit anong dependency, nang hindi sinusubaybayan ang iyong mga larawan, at nang walang pagproseso sa server.

Paano ito gumagana

1. Binabawasan ang mga kulay sa laki ng palette na pipiliin mo gamit ang median-cut color reduction, na may perceptual matching sa CIELAB color space.
2. Natutukoy ang mga konektadong rehiyon (facet) gamit ang flood fill, at pinagsasama ang maliliit sa mga kapitbahay na rehiyon para madaling basahin.
3. Binubuo ang makinis na vector outline, at inilalagay ang mga numero sa pinakamalawak na punto sa loob ng bawat rehiyon.
4. Mada-download o mai-print ang huling SVG sa kahit anong laki — may opsyonal na fill, outline, label, at color-palette reference sheet.

Ang teknolohiya sa isang sulyap

• Median-cut quantization — binabayaran ang milyun-milyong kulay sa isang palette na 4–48 representatibong kulay.
• CIELAB color distance — itinutugma ang mga pixel sa mga kulay ng palette kung paano nakikita ng mata ng tao ang pagkakaiba ng kulay.
• Flood-fill region detection — ginugrupo ang mga pixel na parehong kulay sa mga pinturadong facet.

Tumatakbo ang lahat nang lokal sa iyong browser — hindi kailanman ina-upload sa isang server ang iyong mga larawan. Para matuto pa, basahin ang aming Patakaran sa Privacy.