Kyauta Mai Sauya Girman Hoto

Yadda Yake Aiki

Sake girma yana faruwa gaba ɗaya a burauzarka ta amfani da Canvas API — iri ɗayan injin zanawa da aka gina cikin Chrome, Firefox, da Safari. Ana zana hotonka zuwa wani canvas a wajen allo a sabon girman kuma an sake ɓoye shi a wurin nan; babu wani da yake barin na'urarka.

1. 1
   Burauza yana warware hoton

   Lokacin da ka jefar da ko zaɓi fayil, burauza yana warware hoton (JPEG, PNG, WebP, AVIF, ko GIF) zuwa bayanan pixel danye ta wani HTMLImageElement. Ana karanta daidaitawar pixel na asali kuma ana amfani da su don cika filayen fadi da tsayi tukuna.
2. 2
   Canvas yana sake zana a sabon girma

   Danna Sake-girma yana saita wani HTMLCanvasElement a wajen allo zuwa fadi da tsayi da ka zaɓa, sannan yana kiran ctx.drawImage() don ninkawa da zana kowane pixel zuwa sabon girma. Don fitarwar JPEG, ana amfani da bango fari tukuna don yankuna masu bayyane kada su zama baki.
3. 3
   canvas.toBlob() yana ɓoye fitarwa

   Hanyar canvas.toBlob() da aka gina ta burauza tana ɓoye bayanan pixel zuwa JPEG, PNG, ko WebP a matakin inganci da ka saita. Idan ka bayyana wani girman fayil na manufa, wani bincike na binary na maimaitawa 7 yana daidaita sigar ingancin kai tsaye har sai fitarwar ta dace da ko ƙasa da wannan girman.
4. 4
   An duba sakamako kuma an sauke shi a wurin nan

   Ana canja Blob da aka ɓoye zuwa URL na abu don fanel na dubawa — babu tafiya-zuwa-uwar garke. Danna sauke yana kunna ajiya na gida da sunan fayil wanda ya haɗa da girman pixel na ƙarshe.

Kayan Aiki Masu Alaƙa