Teknologi

Hur man autogenererar grafik och bilder med GD Library och PHP-kod

4 Mins Read
01

av 07

Vad är GD-biblioteket?

(startupstockphotos.com /Pexels.com/CC0)

GD-biblioteket används för dynamisk bildskapande. Från PHP använder vi GD-biblioteket för att skapa GIF-, PNG- eller JPG-bilder direkt från vår kod. Detta gör att vi kan göra saker som att skapa diagram i farten, skapa en antirobotsäkerhetsbild, skapa miniatyrbilder eller till och med bygga bilder från andra bilder.

Om du är osäker på om du har GD-biblioteket kan du köra phpinfo för att kontrollera att GD Support är aktiverat. Om du inte har det kan du ladda ner det gratis.

Denna handledning kommer att täcka grunderna för att skapa din första bild. Du bör redan ha lite PHP-kunskaper innan du börjar.

02

av 07

Även om det mesta av vår kod har förblivit densamma kommer du att märka att vi nu använder ImageTTFText

istället för ImageString

. Detta gör att vi kan välja vårt typsnitt, som måste vara i TTF-format.

Den första parametern är vårt handtag, sedan teckenstorlek, rotation, start-X, start-Y, textfärg, teckensnitt och slutligen vår text. För teckensnittsparametern måste du inkludera sökvägen till teckensnittsfilen. För vårt exempel har vi placerat typsnittet Quel i en mapp som heter Fonts. Som du kan se från vårt exempel har vi även ställt in texten för att skrivas ut i 15 graders vinkel.

Om din text inte visas kan det hända att sökvägen till ditt teckensnitt är fel. En annan möjlighet är att dina rotations-, X- och Y-parametrar placerar texten utanför det synliga området.

04

av 07

Rita linjer

    (Pexels.com/CC0)

    I den här koden använder vi

    ImageLine

för att dra en linje. Den första parametern är vårt handtag, följt av vårt första X och Y, vårt slut X och Y, och slutligen vår färg.​

För att göra en häftig vulkan som vi har i vårt exempel lägger vi helt enkelt denna i en slinga, och håller våra startkoordinater desamma, men rör oss längs x-axeln med våra slutkoordinater.

05

av 07

Rita en ellips

(Pexels.com/CC0)

Parametrarna vi använder med

Imageellipse är handtaget, X- och Y-centrumkoordinaterna, ellipsens bredd och höjd samt färgen. Precis som vi gjorde med vår linje kan vi också lägga vår ellips i en slinga för att skapa en spiraleffekt.

Om du behöver skapa en solid ellips bör du använda Imagevilledellipse istället.

06

av 07

Arcs & Pies

(Calqui/Wikimedia Commons/CC BY-SA 3.0)

Använder sig av imagefilledarc

kan vi skapa en paj , eller en skiva. Parametrarna är: handtag, mitt X & Y, bredd, höjd, start, slut, färg och typ. Start- och slutpunkterna är i grader, med start från klockan 3.

    Typerna är:

    1. IMG_ARC_PIE – Fylld båge

    IMG_ARC_CHORD- fylld med rak kant

      IMG_ARC_NOFILL- när den läggs till som en parameter, blir den ofylld

      IMG_ARC_EDGED- Ansluter att centrera. Du kommer att använda detta med nofill för att göra en ofylld paj.

    Vi kan lägga en andra båge under för att skapa en 3D-effekt som visas i vårt exempel ovan. Vi behöver bara lägga till den här koden under färgerna och före den första fyllda bågen.

    07

    av 07

    Sammanfattning av grunderna

    (Romaine/Wikimedia Commons /CC0)

Hittills har alla bilder vi har skapat varit i PNG-format. Ovan skapar vi en GIF med hjälp av ImageGif funktion. Vi ändrar även rubriker i enlighet med detta. Du kan också använda ImageJpeg

för att skapa en JPG, så länge som rubrikerna ändras för att återspegla den på rätt sätt.

Du kan anropa php-filen precis som en vanlig grafik. Till exempel:

]”>

Utvald video

Lämna ett svar

Relaterade Inlägg