Pim team case study: het creëren van tekst effecten met php en gd
Zie hoe je grafische effecten op tekst met PHP en GD kan creëren - slagschaduwen, bogen, lettertypen en colors.ProblemA-tec Tekenen en Sraphics Inc lanceerde een website met het idee om stickers online te verkopen. Om beter te bereiken klanten ineterest de website moest integreren online sticker bouwer. Het bedrijf biedt ook decals voor voertuigen die een aantal specifieke eisen gebracht als de bouwer sticker met de tekst draaien rond 4 types arcs.GoalsProvide gebruikers met bezoekers preview areaAllow te kiezen lettertype en colorAllow toevoegen slagschaduw en het selecteren van slagschaduw colorAllow draaien van de tekst in arcsReal Tijd calculatingSolutionBecause van de noodzaak voor het verhogen van de klanten belangstelling moesten we over het niet denken voor een perfecte wiskundige formules bij het weergeven van de grafieken in het voorbeeldgebied, maar voor de mensen die kijken naar them.As zullen wij hieronder reaveal, waren er weinig problemen gaan rond menselijke appreceptions voor iets 'perfect glad' en de matchematical perfecte figures.MethodologyWe gingen uitgebreid PHP GD library te gebruiken voor de tekst effecten. Het kon gemakkelijk veranderen van lettertypen en kleuren, het toevoegen van drop shawdows en draaien van de texts.We moest ook palletes kleur die verschijnt wanneer de gebruiker klikt en verdwijnen wanneer de geselecteerde kleur is te maken (persoonlijk U kunt proberen de decals creëren van hier). Met behulp van verborgen lagen en uitgeschakeld werd verondersteld het te passen.De belangrijkste probleem niet op deze site was om 4 soorten bogen te maken, zodat wanneer de gebruiker selecteert een van hen de tekst is gemaakt rond denkbeeldige boog (zoals in de vector grafische software). We gingen bezie's formules bestuderen en deze bogen met haar help.ImplementationPIM Team Bulgarije te maken had de taak om de volledige functionele online decals bouwer bouwen met de volgende kenmerken: - Decal backgroundSome gebruikers moesten hun decals gelegd op gekleurde achtergrond. We hadden om de preview gebied dat moet worden geschilderd in een geselecteerde achtergrond. Eerst hebben we het beeld in de temp map: / / de naam van bestemming afbeelding $ dest = 'stickers /'. time ().'. jpg '/ / de backgroundimagefilledrectangle ($ im, 0, 0, 590, 60, $ colors [$ _POST [ 'bcolors']]);$ kleuren array bevat de beschikbare kleuren die opgeslagen door de beheerder in de database.Thus, wanneer de bezoeker kiest een achtergrond is doorgegeven als parametter te imagefilledrectangle functie .- Font selectionUsers moeten kunnen lettertypen voor hun toekomst kiezen stickers. Wetend dat we niet alle fonts overwegen zullen beschikbaar zijn op de computers van alle bezoekers moesten we om ze te uploaden op het web server directory.We toegestaan de beheerder het beheer van de lettertypen, toevoeging van hun namen en uploaden van bestanden in admin area.The lettertypen in de doos kwam te selecteren uit de database. Geselecteerde lettertype werd in de oproep tot functie neer dat op basis van de eerder gemaakte image .- Kleur SelectionsThe imagettftext kleur selecties moest een paletten die worden weergegeven wanneer de gebruiker klikken en verdwijnen wanneer kleur is geselecteerd. Het palet moest kijken als een tabel met kleuren en deze kleuren zijn ook gedefinieerd in theadmin gebied, zodat ze moesten kom dynamisch. We moesten zaad een statische JavaScript-functie met een dynamische content.We creëerde een PHP-cyclus die het nemen van de kleuren van de database en het creëren van een string voor de HTML-tabel. Deze tabel wordt vervolgens doorgegeven een JavaScript-functie die de palletes met behulp van verborgen lagen creëert: function showTable (tabel) (= mousex window.event.x + document.body.scrollLeft +25 if (tabel == 'achtergrond') (var content = ""; var y = 460;) if (tabel == 'fonts') (var content = ""; var y = 690;) if (tabel == 'schaduwen') (var content = ""; var
Artikel Bron: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Webmaster krijgen html code
Voeg dit artikel aan uw website!
Webmaster verzenden van artikelen
Geen registratie vereist! Vul het formulier in en uw artikel is in de Messaggiamo.Com Directory!
