Athmhéadaitheoir Íomhá saor in aisce

Conas a Oibríonn sé

Tarlaíonn athrú méide go hiomlán i do bhrabhsálaí ag baint úsáide as an API Canvas — an t-inneall rindreála céanna atá ionsuite i Chrome, Firefox, agus Safari. Tarraingítear d'íomhá ar chanbhás as radharc ag na toisí nua agus athionchódaítear go háitiúil í; ní fhágann aon rud do ghléas.

1. 1
   Díchódaítear íomhá ag an mbrabhsálaí

   Nuair a scaoileann nó a roghnaíonn tú comhad, díchódaíonn an brabhsálaí an íomhá (JPEG, PNG, WebP, AVIF, nó GIF) go sonraí picteilín amh trí HTMLImageElement. Léitear na toisí picteilín bunaidh agus úsáidtear iad chun na réimsí leithid agus airde a réamhlíonadh.
2. 2
   Atarraingíonn Canvas ag an méid nua

   Socraíonn cliceáil ar Athraigh Méid HTMLCanvasElement as radharc go do leithead agus airde roghnaithe, ansin glaonn sé ar ctx.drawImage() chun gach picteilín a scálú agus a phéinteáil isteach sna toisí nua. Le haghaidh aschur JPEG, cuirtear líonadh cúlra bán i bhfeidhm ar dtús ionas nach n-éiríonn réigiúin thrédhearcacha dubh.
3. 3
   Ionchódaíonn canvas.toBlob() an t-aschur

   Ionchódaíonn modh ionsuite canvas.toBlob() an bhrabhsálaí na sonraí picteilín go JPEG, PNG, nó WebP ag an leibhéal cáilíochta a shocraíonn tú. Má shonraigh tú méid comhaid sprice, coigeartaíonn cuardach dénártha 7-atriall an paraiméadar cáilíochta go huathoibríoch go dtí go n-oireann an t-aschur ag nó faoi bhun an mhéid sin.
4. 4
   Réamhamharc agus íoslódáilte an toradh go háitiúil

   Déantar an Blob ionchódaithe a thiontú go URL réad don phainéal réamhamhairc — gan aistear freastalaí. Spreagann cliceáil ar íoslódáil sábháil áitiúil le hainm comhaid a chuimsíonn na toisí picteilín deiridh.

Uirlisí Gaolmhara