Olùké Àwòrán Ọ̀fẹ́

Ké àwòrán pẹ̀lú fífi ọwọ́ yan, àwọn ààlà ìwọ̀n ìrísí tí ó bá ṣeéṣe (1:1, 16:9, 4:3, àti bẹ́ẹ̀ bẹ́ẹ̀ lọ), gírídì ìdámẹ́ta-ìdí, àti gbígbé jáde ní ọ̀pọ̀lọpọ̀ oríṣi (JPEG, PNG, WebP).

Ó ń ṣiṣẹ́ láìsí ìsopọ̀ ní kété tí a bá kó wọlé

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

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

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

Wá àwọn fáìlì

Ìmọ̀ràn: o lè lẹ̀ àwòrán ìboju pẹ̀lú Ctrl+V

À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ṣẹ́

Gígé ń ṣẹlẹ̀ pátápátá nínú aṣàwákiri rẹ pẹ̀lú API Canvas HTML5 — kò sí gbígbé sókè, kò sí sáfà. O ń fa àyè yíyàn tààrà lórí ẹ̀yà canvas kan, nígbà tí o bá sì fi gígé náà sílo, ẹ́ńjìnnì àwòrán 2D tí a kọ́ sínú aṣàwákiri ń ka pixel tí a yàn nìkan tí ó sì ń tún ṣe àmúlò rẹ̀ sí JPEG, PNG, tàbí WebP.

  1. 1
    A kó àwòrán wọlé sínú ìrántí
    A ń ka fáìlì rẹ pẹ̀lú URL.createObjectURL(), èyí tí ó ń fún aṣàwákiri ní URL blob ládùúgbò kan. HTMLImageElement kan ń pín fáìlì náà palẹ̀ pátápátá nínú tábù aṣàwákiri náà — àwọn byte àwòrán náà kì í kúrò lára ẹ̀rọ rẹ láé.
  2. 2
    Àwọn Ìṣẹ̀lẹ̀ Pointer ń darí yíyan gígé náà
    API Pointer Events aṣàwákiri (tí ó ń so ìbáwọlé asán, ìfọwọ́kàn, àti pen pọ̀) ń tọpasẹ̀ àwọn ìfà lórí ìbòrí canvas kan. Títẹ̀ lóde àyè yíyàn ń bẹ̀rẹ̀ onígun mẹ́rin tuntun kan; títẹ̀ nínú rẹ̀ ń gbé e; títẹ̀ nítòsí igun ìsàlẹ̀-ọ̀tún ń tún ìwọ̀n rẹ̀ ṣe. Àwọn ìdíwọ̀n àṣàrò yíyàn (1:1, 16:9, 4:3, àti bẹ́ẹ̀ bẹ́ẹ̀ lọ) ń dí àkọ́sílẹ̀ náà lọ́wọ́ nígbà tí a ń fà.
  3. 3
    Canvas ń yà àkíyèsí láàyè
    Ní ìyípadà gígé kọ̀ọ̀kan, àkànṣe Canvas 2D náà ń tún yà àwòrán náà, ó ń fi ìbòrí dúdú sílo lóde àyè yíyàn náà, ó ń pa àyè gígé náà mọ́ láti fi àwòrán ìpilẹ̀ṣẹ̀ hàn ní pípé gan-an, ó sì ń fi àkàwé ìdámẹ́ta àti ìdarí ìtúnṣe teal bò ó.
  4. 4
    toBlob() ń ṣe àmúlò tí ó sì ń fi àbájáde náà jíṣẹ́
    Nígbà tí o bá tẹ Gé, a ń ṣẹ̀dá canvas lóde-ìfihàn tuntun kan ní àwọn ìdí gígé gan-an. ctx.drawImage() ń dàkọ onígun mẹ́rin tí a yàn nìkan, canvas.toBlob() sì ń ṣe àmúlò àbájáde náà ní lílo encoder JPEG, PNG, tàbí WebP abínibí aṣàwákiri ní ìpele dídára tí o yàn. A ń fi ìtọjade náà fún ọ padà gẹ́gẹ́ bí URL blob ládùúgbò fún gbígbà.

A ń ṣí àwòrán rẹ gẹ́gẹ́ bí URL blob ládùúgbò tí a sì ń ṣiṣẹ́ ẹ̀ pátápátá nínú tábù aṣàwákiri rẹ — a kì í gbé ohunkóhun sókè sí sáfà kankan ní àkókò èyíkéyìí.

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

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