Olùṣe Ìwọ̀n Àwòrán Ọ̀fẹ́

Ṣe ìwọ̀n àwọn àwòrán padà nípasẹ̀ ìwọ̀n tàbí ìpín ọgọ́rùn-ún. Pa ìpín ìwọ̀n mọ́, yan ọ̀nà àbájáde, kò sí pàdánù ìdára.

Sọ àwọn fáìlì sílẹ̀ níbí, tàbí tẹ láti wá

JPG, PNG, WebP, AVIF, GIF, HEIC, HEIF · Kò sí ìdiwọ̀ ìwọ̀n fáìlì

tàbí tẹ Ctrl+V láti fi lẹ̀ mọ́ láti clipboard rẹ

O lè sọ ọ̀pọ̀lọpọ̀ fáìlì sílẹ̀ ní ìgbà kan

Wá àwọn fáìlì

Àwọn fáìlì rẹ kò ní jáde kúrò lórí ẹ̀rọ rẹ. Gbogbo ìṣiṣẹ̀ n ṣẹlẹ̀ ní àdúgbò nínú aṣàwákiri rẹ.

Bí Ó Ṣe Ń Ṣiṣẹ́

Àtúntò ń ṣẹlẹ̀ pátápátá nínú aṣàwákiri rẹ pẹ̀lú API Canvas — ẹ́ńjìnnì àwòrán kan náà tí a kọ́ sínú Chrome, Firefox, àti Safari. A ń yà àwòrán rẹ sórí canvas lóde-ìfihàn ní àwọn ìwọ̀n tuntun tí a sì tún ṣe àmúlò rẹ̀ ládùúgbò; kò sí ohunkóhun tí ó kúrò lára ẹ̀rọ rẹ.

  1. 1
    Aṣàwákiri ń ṣe díkóòdù àwòrán náà
    Nígbà tí o bá sọ tàbí yan fáìlì kan, aṣàwákiri ń ṣe díkóòdù àwòrán náà (JPEG, PNG, WebP, AVIF, tàbí GIF) sí dátà pixel gan-an nípasẹ̀ HTMLImageElement kan. A ń ka ìwọ̀n pixel ìpilẹ̀ṣẹ̀ náà, a sì ń lò wọ́n láti kún àwọn pápá ìbú àti gíga tẹ́lẹ̀.
  2. 2
    Canvas ń tún yà ní ìwọ̀n tuntun
    Títẹ̀ Àtúntò ń ṣètò HTMLCanvasElement lóde-ìfihàn kan sí ìbú àti gíga tí o yàn, kí ó sì pe ctx.drawImage() láti fẹ̀ àti kun pixel kọ̀ọ̀kan sí àwọn ìwọ̀n tuntun. Fún ìtọjade JPEG, a fi kún ẹ̀yìn funfun kan sí i kọ́kọ́ kí àwọn agbègbè tí kò rí má bàa di dúdú.
  3. 3
    canvas.toBlob() ń ṣe àmúlò ìtọjade náà
    Ọ̀nà canvas.toBlob() aṣàwákiri tí a kọ́ sínú rẹ̀ ń ṣe àmúlò dátà pixel náà sí JPEG, PNG, tàbí WebP ní ìpele dídára tí o ṣètò. Bí o bá ṣàkósílẹ̀ ìwọ̀n fáìlì àfojúsùn kan, ìwádìí méjì-méjì-ìgbà-7 aládàáṣe ń ṣàtúnṣe àwọn ìwọ̀n dídára náà láifọwọ́kàn títí ìtọjade náà yóò fi bá ìwọ̀n yẹn mu tàbí kéré sí i.
  4. 4
    Àbájáde tí a fihàn tí a sì gbà ládùúgbò
    A ń yí Blob tí a ṣe àmúlò rẹ̀ padà sí URL ohun kan fún pátẹ́lì àkíyèsí — kò sí ìrìnrìn sáfà. Títẹ̀ gbígbà ń dá ìfipamọ́ ládùúgbò kan sílẹ̀ pẹ̀lú orúkọ fáìlì tí ó ní àwọn ìdí pixel gbẹ̀yìn nínú rẹ̀.

A ń ṣiṣẹ́ àwòrán rẹ pátápátá nínú aṣàwákiri rẹ ní lílo API Canvas, a kì í sì gbé e sókè sí sáfà kankan láé.

Àwọn Irinṣẹ Tó Jọra

Àwọn Ìbéèrè Tí A Máa Ń Béèrè