Kibadilisha Ukubwa wa Picha bila malipo

Jinsi Inavyofanya Kazi

Kubadilisha ukubwa kunafanyika kikamilifu kwenye kivinjari chako kwa kutumia Canvas API — injini ile ile ya uonyeshaji iliyojengwa ndani ya Chrome, Firefox, na Safari. Picha yako inachorwa kwenye kanvasi isiyoonekana kwa vipimo vipya na kusimbwa upya ndani ya kivinjari; hakuna kinachoondoka kwenye kifaa chako.

1. 1
   Picha inasimbwa na kivinjari

   Unapodondosha au kuchagua faili, kivinjari kinasimba picha (JPEG, PNG, WebP, AVIF, au GIF) kuwa data ghafi ya pikseli kupitia HTMLImageElement. Vipimo halisi vya pikseli vinasomwa na kutumika kujaza mapema uwanja wa upana na urefu.
2. 2
   Canvas inachora upya kwa ukubwa mpya

   Kubofya Badilisha Ukubwa kunaweka HTMLCanvasElement isiyoonekana kwa upana na urefu ulioochagua, kisha kuita ctx.drawImage() kubadilisha kipimo na kupaka kila pikseli kwenye vipimo vipya. Kwa matokeo ya JPEG, ujazo wa mandhari ya nyuma nyeupe unatumika kwanza ili maeneo ya uwazi yasiwe meusi.
3. 3
   canvas.toBlob() inasimba matokeo

   Mbinu ya canvas.toBlob() iliyojengwa ndani ya kivinjari husimba data ya pikseli kuwa JPEG, PNG, au WebP kwa kiwango cha ubora ulichoweka. Ikiwa uliweka ukubwa wa faili lengwa, utafutaji wa binary wa marudio 7 hurekebisha kiotomatiki kipengele cha ubora hadi matokeo yatoshee ukubwa huo au chini yake.
4. 4
   Matokeo yameonyeshwa kwa onyesho la awali na kupakuliwa ndani ya kivinjari

   Blob iliyosimbwa inageuzwa kuwa URL ya kitu kwa paneli ya onyesho la awali — hakuna mzunguko wa seva. Kubofya kupakua kunaanzisha uhifadhi wa ndani wenye jina la faili linalojumuisha vipimo vya mwisho vya pikseli.

Zana Zinazohusiana