PIM Mannschaft-Fallstudie: Verursachen von von Text-Effekten mit PHP und GD
Sehen Sie, wie Sie graphische Effekte auf Text mit PHP und GD verursachen können - lassen Sie Schatten, Bogen, Schriftkegel und Farben fallen.
Problem
Ein-technische Signs und Sraphics Inc. stießen eine Web site mit der Idee, Abziehbilder online zu verkaufen aus. Um die besseren ineterest Kunden zu erzielen mußte die Web site on-line-Abziehbilderbauer integrieren. Die Firma bietet auch Abziehbilder für Träger an, die einige spezifische Anforderungen zum Erbauer wie Haben der Abziehbildtext drehenarround 4 Arten der Bogen holten.
Ziele
Versehen Sie Benutzer mit Vorbetrachtungbereich
Erlauben Sie Besuchern, Schriftkegel und Farbe zu wählen
Dürfen Sie Tropfenschatten addieren und Tropfenschattenfarbe vorwählen
Dürfen Sie den Text zu Bogen machen
Realzeitberechnung
Lösung
Wegen der Notwendigkeit an der Erhöhung des Kunden Interesses mußten wir nicht für vollkommene Matheformeln als, die Diagramme im Vorbetrachtungbereich zeigend, aber, für die Leute ungefähr denken, die sie betrachten.
Da wir der Wille, der unten reaveal ist, dort wenige Probleme waren, machen gehende arround menschliche appreceptions für etwas ' tadellos ' und die matchematical vollkommenen Abbildungen glatt.
Methodenlehre
WirWAREN im Begriff, PHP GD Bibliothek für die Texteffekte weitgehend zu benutzen. Er lieferte das einfache Ändern der Schriftkegel und der Farben, das Addieren von von Tropfen shawdows und das Drehen der Texte.
Wir hatten auch, Farbe palletes zu verursachen, die, um wenn zu scheinen Benutzerklicken und verschwindet, wenn Farbe vorgewählt wird (Sie können die Abziehbilder persönlich versuchen, die hier verursachen). Mit versteckten Schichten und Javascript sollte die Arbeit erledigen.
Das Hauptproblem in diesem Aufstellungsort sollte 4 Arten Bogen so verursachen, wenn der Benutzer einen von ihnen vorwählt, die der Text hergestellter arround eingebildeter Bogen ist (wie in den Vektorgraphischen softwares). WirWAREN im Begriff, Formeln Bezies zu studieren und diese Bogen mit seiner Hilfe herzustellen.
Implementierung
PIM Mannschaft Bulgarien hatte die Aufgabe, den vollen Funktionson-line-Abziehbilderbauer mit den folgenden Eigenschaften zu errichten:
- Abziehbildhintergrund
Einige Benutzer sollten ihre Abziehbilder auf farbigen Hintergrund setzen lassen. Wir mußten erlauben, daß der Vorbetrachtungbereich in einem vorgewählten Hintergrund gemalt wird. Zuerst verursachten wir das Bild im Temperatur Heft:
//der Name des Bestimmungsortbildes
# ';
//the Hintergrund
imagefilledrectangle (#, 0, 0, 590, 60, # ] ]);
$colors Reihe enthält die vorhandene Farbe, die vom Verwalter in der Datenbank gespeichert werden.
So wenn der Besucher einen Hintergrund vorwählt, wird sie als parametter zur imagefilledrectangle Funktion geführt.
- Schriftkegelvorwähler
Benutzer sollten in der LageSEIN, Schriftkegel für ihre zukünftigen Abziehbilder vorzuwählen. , daß wir nicht betrachten können alles, die Schriftkegel zu wissen ist auf Computern alles Besuchers vorhanden, die wir sie auf dem web serververzeichnis hochladen mußten.
Wir ließen den admin die Schriftkegel, addierten ihre Namen und hochladen Akten im admin Bereich handhaben.
Die Schriftkegel im auserwählten Kasten kamen von der Datenbank. Vorgewählter Schriftkegel wurde in den Anruf zum imagettftext funtion geführt, das auf das vorher verursachte Bild zeichnet.
- Farbe Vorwähleren
Die Farbe Vorwähleren mußten sein Paletten, die erscheinen, wenn Benutzer klickt und verschwinden, wenn Farbe vorgewählt wird. Die Palette mußte schauen, während eine Tabelle mit Farben und diese Farben auch in definiert werden
admin Bereich also sie mußten dynamicly kommen. Wir mußten eine statische Javascriptfunktion mit dynamischem Inhalt säen.
Wir verursachten einen PHP Zyklus, der die Farben von der Datenbank nahm und dann eine Zeichenkette für HTML Tabelle herstellte. Diese Tabelle wird dann zu einer Javascriptfunktion geführt, die die palletes mit Hilfe der versteckten Schichten verursacht:
Funktion showTable(table)
{
mouseX = window.event.x + document.body.scrollLeft+25;
if(table=='background ')
{
var Inhalt = "";
var y=460;
}
if(table=='fonts')
{
var Inhalt = "";
var y=690;
}
if(table=='shadows')
{
var Inhalt = "";
var y=810;
}
document.getElementById('tabler').style.pixelLeft=mouseX;
document.getElementById('tabler').style.pixelTop=y;
document.getElementById('tabler').style.visibility='visible ';
document.getElementById('tabler').innerHTML=content;
}
Selbstverständlich sobald der Benutzer die gewünschte Farbe vorwählen, mußten wir das pallette verstecken:
Funktion setColor(elid, Farbe, fromid, shc)
{
document.getElementById(elid).value=color;
document.getElementById('tabler').style.visibility='hidden ';
}
So stellten wir nette Paletten her, die nicht viel Raum auf dem Schirm erscheinen und verschwinden auf einem einzelnen Klicken und nehmen.
- Tropfen Shawdows
Die angebotenen Abziehbilder hat die Fähigkeit, einen Tropfenschatten zu haben hinzufügten, also mußten wir diese Wahl dem on-line-Erbauer hinzufügen. PHP jedoch eine nette Funktion für das nicht angeboten. Wir verursachten ein Verfahren, das die Texte zweimal - einmal der ursprüngliche 100% gesättigte Text und einmal der Schatten mit einem Prozentsatz der Farbe und der passenden Versetzung zeichnet. Selbstverständlich wurde der Schatten auf das Bild vor dem Haupttext gezeichnet.
@imagettftext($img, 20, # ], #, #, # ], "fonts/".$_post['fonts'], $word[$i ]);
- Bogen
Das Hauptproblem kam, als wir die Texte durch Bogen ' drehen mußten '. Zuerst verursachten wir vollkommenes Bezie funtion, das die Kurven zeichnen und den Buchstaben über ihnen justieren. Aber was eine Überraschung - die Kurven schauten vollkommenes allein, aber, als wir die Buchstaben über ihnen justierten, schienen sie rauh.
Nachdem wir dieses Problem studiert hatten, stellten wir fest, daß die rauhe Schirmauflösung und die Unfähigkeit zum antialise die Bilder uns nicht erlauben würden, nette Bogen herzustellen. Wir standen gegen unlösliches Problem.
Wir entschieden, wenige Bogen mit einer graphischen Software (CorelDraw) herzustellen und zu sehen, was falsch sein könnte.
Wir beachteten, daß Kurven Corels groß schauten, nachdem sie manuell justiert sind. Jedoch können Sie nicht das Programm gerade lassen, um vollkommene Kurven automaticly herzustellen. Ein menschliches Auge war erforderlich, zu beurteilen, wann eine Kurve Recht schaut und wann nicht.
Wir erhielten eine total andere Richtung. Es gab nicht eine Universalfunktion, zum wir zu helfen. Die Lösung, die wir fanden, war ' manuell ' justieren jeden Buchstaben. Wir verursachten ein Verfahren mit Fällen, die jeden Buchstaben auf dem passenden Platz und mit passender Umdrehung justierten abhängig von, wie der Text lang war. Es funktionierte!
Wir verursachten 2 Reihen für jede Bogenart - eine Reihe mit den Positionen und eine Reihe mit den Umdrehungen.
Der Rest war einfach:
if($arctype)
{
#;
if($start%2) #;
#, $start, $l);
#, $start, $l);
}
if(!$arctype)
{
#);
#);
//making die Reihen
for($i=0;$i
Sie können auf den Aufstellungsort der atecs gehen und die Bogen versuchen, die wir erzielten (http://atecsigns.com/decal/step_1.php).
Resultate
Jetzt Ein-technisch sang Netzerbauer herstellt vollkommene Abziehbilder mit Diagrammen, errechnet den Preis und erlaubt Ihnen, die Abziehbilder Ihrer Einkaufenkarre und chgeckout (die Einkaufenkarre Software wird auch von der PIM Mannschaft Bulgarien verursacht) hinzuzufügen.
Der Erbauer erlaubt dem Besucher, die gewünschten Abziehbilder mit jeder möglicher Farbe, fallengelassenen Schatten, Hintergrund und Form herzustellen, es vorher zu sehen und die Kosten für unterschiedliche Größen und Quantitäten zu errechnen.
Die Web site und der Erbauer wurden mit massiver Rundfunkwerbungfirma gefördert. Zu dieser Zeit war es der einzige Abziehbilderbauer, der Texte arround Bogen herstellen durfte.
Zusammenfassungen
Verwenden Sie GD, um Texteffekte zu verursachen
Vergessen Sie nicht, daß Sie Sie herstellen können, zu besitzen Funktionen für, was GD nicht anbietet
Nicht immer suchen Sie nach vollkommenen Formeln Mathe. Die graphischen Effekte werden zum menschlichen Auge beabsichtigt
Last Schriftkegel im Bediener
Verwenden Sie Javascript und versteckte Schichten, um große Flexibilität zu erzielen
Über Den Autor
Schupo Handzhiev ist ein älterer Entwickler in der PIM Mannschaft Bulgarien
http://pimteam.net
admin@pimteam.net
Artikel Quelle: Messaggiamo.Com
Related:
» Seo Elite: New Seo Software!» AntiSpywareBOT
» Reverse Mobile
» Error Nuker
Holen Sie sich den HTML-Code fü Webmaster
Fügen Sie diese Artikel Ihrer Website jetzt hinzu!
Webmaster veröffentlichen Sie Ihre Artikel
Keine Anmeldung erforderlich! Füllen Sie das Formular aus und Ihr Artikel wird im Messaggiamo.Com Artikel-Verzeichnis aufgenommen!
