Kép átméretezése hogy oldható meg?
Sziasztok.
Az oldalom csináltam egy kép feltöltés részt, ahová a tagok a profil kéeit tölthetik fel. Ez egy nagyon egyszerű script jelenleg és így néz ki:
Az profilképek a főaldalon jelenik meg egymás mellett, de sajnos minden kép más méretben és ez eléggé rontja az élvezeti értéket. Hogyan lehetne megoldani, hogy a képek egységesen jelenjenek meg?




















Én kliens oldalon csinálnám meg.
A kiválasztott képet beraknám egy rétegbe mint háttér.
Draggable és Resize módon JS -el igazítom - méretezem.
Majd RasterizeHTML JS lib -el képet készítesz, és azt töltöd fel.










Szerver terhelés csökkentése, adatforgalom minimalizálása (nem 5-8MB méretű képet tölt fel)
Illetve a pontosabb vágáshoz az igazítás, pozicionálás.
A kép lehet nagyobb mint a kijelző mérete.
A szerkesztőben a képet igazítja pl. egy 300x300 mezőbe.
a rejtett réteg amibe másolja, és majd canvas -al képet készít, az pedig lehet 4× -es szorzóval a méretek, így 1200x1200px -es kép készülhet.





Kapcsolódó kérdések:
Minden jog fenntartva © 2025, www.gyakorikerdesek.hu
GYIK | Szabályzat | Jogi nyilatkozat | Adatvédelem | Cookie beállítások | WebMinute Kft. | Facebook | Kapcsolat: info(kukac)gyakorikerdesek.hu
Ha kifogással szeretne élni valamely tartalommal kapcsolatban, kérjük jelezze e-mailes elérhetőségünkön!