Léim go dtí an príomhábhar

Barraí Íomhá saor in aisce

Barr íomhánna le tarraing chun roghnú, sriantacht cóimheas gnéithe roghnach (1:1, 16:9, 4:3, srl.), eangach tríú cuid, agus onnmhairiú il-fhormáid (JPEG, PNG, WebP).

Oibríonn as líne nuair a lódáiltear é

Scaoil comhad anseo, nó cliceáil chun brabhsáil

JPG, PNG, WebP, HEIC, HEIF · próiseáilte ar do ghléas

nó brúigh Ctrl+V chun greamú ón ngearrthaisce

Brabhsáil comhaid

Leid: is féidir leat gabháil scáileáin a ghreamú le Ctrl+V

Ní fhágann do chomhaid do ghléas riamh. Tarlaíonn gach próiseáil go háitiúil i do bhrabhsálaí.

Úsáidí coitianta

  • Fógraigh Grianghraif do InstagramFógraigh do Instagram roghnaithe 1:1 (cearnóg), 4:5 (portráid), agus 1.91:1 (tír-spás) cóimheasa tosaigh.
  • Fógraigh Grianghraif Phróifíl go CearnógCruthaigh grianghraif phróifíl cearnóg do LinkedIn, Twitter, GitHub, nó aon ardán shóisialta.
  • Fógraigh YouTube agus Thaidhluithí AltFógraigh do chóimheas 16:9 a úsáideann YouTube físeáin agus an chuid is mó den bhlag grianghraif gréine.
  • Fógraigh Paispirt / Grianghraif AitheantaisFógraigh grianghraif go caighdeánach 2:3 portráid ar chóimheas do phaispirt, vízas, agus iarratais ar aitheantais.
  • Fógraigh Grianghraif Táirge TráchtaCaighdeánú ar cóimheasa grianghraif táirge do Amazon, Shopify, Etsy, agus margaí eile.

Conas a Oibríonn sé

Tarlaíonn gearradh go hiomlán i do bhrabhsálaí ag baint úsáide as an API Canvas HTML5 — gan uaslódáil, gan freastalaí. Tarraingíonn tú réigiún roghnúcháin go díreach ar eilimint chanbháis, agus nuair a chuireann tú an gearradh i bhfeidhm, ní léann inneall rindreála 2D dúchasach an bhrabhsálaí ach na picteilíní roghnaithe agus athionchódaíonn sé iad go JPEG, PNG, nó WebP.

  1. 1
    Lódáilte íomhá isteach i gcuimhne
    Léitear do chomhad le URL.createObjectURL(), a thugann URL blab áitiúil don bhrabhsálaí. Díchódaíonn HTMLImageElement an comhad go hiomlán i gcluaisín an bhrabhsálaí — ní fhágann bearta na híomhá do ghléas riamh.
  2. 2
    Tiomáineann Pointer Events an roghnúchán gearrtha
    Rianaíonn API Pointer Events an bhrabhsálaí (a aontaíonn ionchur luiche, tadhaill, agus pinn) tarraingt ar fhorleagan chanbháis. Tosaíonn brú lasmuigh den roghnúchán dronuilleog nua; bogann brú istigh é; athraíonn brú in aice leis an gcoirnéal bun-dheis a mhéid. Cuireann réamhshocruithe cóimheas gné roghnacha (1:1, 16:9, 4:3, etc.) srian ar an gcéimseata le linn tarraingthe.
  3. 3
    Tarraingíonn Canvas an réamhamharc beo
    Ar gach athrú gearrtha, atarraingíonn comhthéacs Canvas 2D an íomhá, cuireann sé forleagan dorcha lasmuigh den roghnúchán i bhfeidhm, glanann sé an réigiún gearrtha chun an íomhá bhunaidh a thaispeáint le dílseacht iomlán, agus forleagann sé greille riail-na-dtrian agus lámh athraithe méide teal.
  4. 4
    Ionchódaíonn agus seachadann toBlob() an toradh
    Nuair a chliceálann tú ar Gearradh, cruthaítear canbhás nua as radharc ag na toisí gearrtha beachta. Ní chóipeálann ctx.drawImage() ach an dronuilleog roghnaithe, agus ionchódaíonn canvas.toBlob() an toradh ag baint úsáide as ionchódóir dúchasach JPEG, PNG, nó WebP an bhrabhsálaí ag do shocrú cáilíochta roghnaithe. Tugtar an t-aschur ar ais mar URL blab áitiúil le haghaidh íoslódála.

Osclaítear d'íomhá mar URL blab áitiúil agus próiseáiltear í go hiomlán laistigh de do chluaisín brabhsálaí — ní uaslódáiltear aon rud chuig aon fhreastalaí ag aon phointe.

Uirlisí Gaolmhara

Ceisteanna Coitianta