Goyaha Sawirka oo Bilaash ah

Goo sawiro adiga oo jiidaya oo dooranaya, xaddid ikhtiyaari ah oo aspect ratio ah (1:1, 16:9, 4:3, iwm), shabakad rule-of-thirds, iyo dhoofin qaab badan (JPEG, PNG, WebP).

Wuu shaqeeyaa oflaayn marka la shubo

Faylasha halkan ku rid, ama guji si aad u baarato

JPG, PNG, WebP, HEIC, HEIF · Ma jiro xadid cabbirka faylka

ama taabo Ctrl+V si aad uga dhejiso clipboard-ka

Baar faylasha

Talo: waxaad ku dhajin kartaa sawir-qaadis Ctrl+V

Faylashaadu weligood kama tagaan qalabkaaga. Farsamaynta oo dhan waxay ka dhacdaa gudaha browser-kaaga.

Sida Ay U Shaqeyso

Jarista waxay gebi ahaanba ka dhacdaa biraawsarkaaga isagoo isticmaalaya Canvas API-ga HTML5 — soo shubid, server midna ma jiraan. Waxaad ku jiidaysaa gooba dooran toos ahaan unug canvas ah, marka aad dabaqdana jarista, injineerka rendering-ka 2D ee biraawsarka ku dhex jira wuxuu kaliya akhriyaa pixels-ka la doortay wuxuuna dib u sumeeyaa JPEG, PNG, ama WebP.

  1. 1
    Sawirka waa lagu shubay xasuusta
    Faylkaaga waxaa lagu akhriyaa URL.createObjectURL(), taasoo biraawsarka siisa blob URL gudaha ah. HTMLImageElement wuxuu gebi ahaanba ku furaa faylka tab-ka biraawsarka — bytes-ka sawirku weligood kama baxaan aaladdaada.
  2. 2
    Pointer Events wuxuu wadaa dooratanka jarista
    API-ga Pointer Events ee biraawsarka (kaasoo isku daraya gelitaanka jiirka, taabashada, iyo qalinka) wuxuu la socdaa jiididda canvas-ka dul-sare ah. Gujintu meel ka baxsan dooratanka wuxuu bilaabaa afar-geesood cusub; gujintu gudaha ku jira wuu dhaqaajiyaa; gujinta agagaarka gees-hoose-midigta ah wuu cabbiriyaa. Xayiraadaha isku-dheelitirka ee ikhtiyaarka ah (1:1, 16:9, 4:3, iwm) waxay xakameeyaan qaab-dhismeedka intii la jiidayo.
  3. 3
    Canvas wuxuu sawiraa fiiriyaha toos ah
    Isbeddel jarid kasta, xaalada Canvas 2D ayaa dib u sawirta sawirka, wuxuu dabaqaa dul-dhig madow ka baxsan dooratanka, wuxuu nadiifiyaa aagga jarista si uu u muujiyo sawirka asalka ah oo sax ah, wuxuuna dul dhigaa shabag saddex-thirds ah iyo gacan cabbiris midab teal ah.
  4. 4
    toBlob() wuxuu sumeeyaa oo soo dhiibaa natiijada
    Marka aad gujiso Jar, canvas bannaan-shaashadeed ah oo cusub ayaa lagu sameeyaa cabbirrada jarista ee saxda ah. ctx.drawImage() wuxuu koobiyeeyaa kaliya afar-geesoodka la doortay, canvas.toBlob()-na wuxuu sumeeyaa natiijada isagoo isticmaalaya sumeeyaha JPEG, PNG, ama WebP ee biraawsarka dabiiciga ah heerkaaga tayada la doortay. Wax-soo-saarka waxaa dib loo dhiibaa blob URL gudaha ah si loo soo dejiyo.

Sawirkaaga waxaa loo furaa blob URL gudaha ah waxaana gebi ahaanba lagu habeeyaa tab-ka biraawsarkaaga — waxba server looma soo shubo wakhti kasta.

Qalabka La Xiriira

Su'aalaha Inta Badan La Iska Weydiiyo