În această lecție vă voi arăta și vă voi arăta cum puteți decupa imaginea fragmentului selectat cu PHP. care poate fi utilă, de exemplu, pentru a crea imagini miniatură. Înainte de a continua să ne uităm la lecție, vreau să recomand o altă tăiere a imaginilor pe jQuery. în care totul se va face dinamic.
Pentru a selecta zona dorită a imaginii, utilizați pluginul jQuery UI - Draggable. Codul HTML va consta într-un container în care va fi imaginea sursă, precum și un bloc mobil situat în partea superioară a imaginii, care va servi pentru a selecta fragmentul dorit. Codul HTML este ilustrat mai jos.
După cum puteți vedea, există încă șase blocuri în blocul nostru selector, dintre care primele patru sunt proiectate pentru efectul întunecării în jurul zonei selectate. Cea de-a cincea va limita zona de captură, deoarece pentru efectul de obscurare, copiii care se află în afara blocului de selecție sunt utilizați.
Efectul de întunecare se realizează prin următoarele stiluri:
Apoi, ia în considerare conexiunea pluginului la obiectele HTML:
Ultima parte a frontendului dezvoltat va trimite coordonatele selectorului către server pentru decuparea imaginii.
Pentru procesarea imaginilor în PHP, este furnizată biblioteca GD. Avem nevoie doar de câteva funcții din această bibliotecă:
Aceasta încheie lecția. Vă mulțumesc pentru atenție!
Articole similare
Trimiteți-le prietenilor: