WCM Forum - Zeichnen im Internet

WCM Forum (http://www.wcm.at/forum/index.php)

- Programmierung (http://www.wcm.at/forum/forumdisplay.php?f=17)

- - Zeichnen im Internet (http://www.wcm.at/forum/showthread.php?t=140307)

Zeichnen im Internet

Was ist die einfachste Möglichkeit in Abhängigkeit von der Bildschirmbreite auf eine website zu zeichnen?
Ich würde gerne eine geschwungene Linie hinzeichnen, die den Tiefsten Punkt in der Bildschirmmitte hat.
(Siehe Attachment)

Größe des Fensters mit JS auslesen und mit PHP/GD die passende Form zeichnen

Solange der User JS aktiviert hat, sein Fenster nicht ändert etc. könnte es sogar funktionieren

pong

ann es sein, das GD nur positive Koordinaten verwenden kann?
Ich habe (für die Abrundungen li. u re.) versucht einen Kreis mit Mittelpunkt links außerhalb des Bildes zu erzeugen, das geht aber nicht.

Hat vielleicht wer eine Idee, wie ich das Bild Trotzdem erstellen kann?

Jak

Codeschnippsel wäre hilfreich

Welche GD Version verwendest du denn?

pong

[GD Version] => bundled (2.0.12 compatible) (bei mir)
bzw. bundled (2.0.23 compatible) (am Server)

Der Code ist im Moment nicht gerade ein Beispiel schöner Programmierung...

PHP-Code:


		
			
<?php

error_reporting(E_ALL ^ E_NOTICE);



/*

logo.php

Generates the header logo

*/

if(!$width){$width=480;}

$height=100;



// Create a new blank image

$im = imageCreate($width,$height);



// Allocate the Colors to be used (l is for logo);

$l_orange=imageColorAllocate($im,248,152,29);

$l_red=imageColorAllocate($im,173,17,21);

$l_w=imageColorAllocate($im,255,255,255);



//Fill the image

imagefilledrectangle($im,0,0,$width,$height/2,$l_red);

imagefilledrectangle($im,0,$height/2,$width,$height,$l_orange);

$r=$width*3;

imagefilledellipse ($im,$width/2, $width*3, $r, $r, $l_orange);



//a²+b²=c², the two smaller circles are c-$r.

//$r2=sqrt(($width*$width)/4+(($height*$height*25)))*2.03-$r;





imagefilledellipse($im,0,-h*2.5,$r,$r, $l_w);





//Send the headers

header('Content-type: image/png');



//Output the image as a JPEG

imagePNG($im);



//Delete the image from memory

imageDestroy($im);

?>

Im Moment funktioniert das noch überhauptnicht, ich muss mir erst ausdenken, wie ich den Radius des Kreises von der Breite des Bildes abhängig mache.

Steck' aber nicht zuviel Gehirnschmalz hinein, vielleicht verwende ich einfach ein Bild das ich mit imagecopyresized bearbeite.

Jak

Wieso willst das Trumm überhaupt dynamisch machen? Was ist der Sinn und Zweck von sowas?

pong

1.) Spielerei, was neues lernen.
2.) Die Graphik soll oben und unten auf einer Website stehen, und die ganze Breite ausfüllen. Es sieht blöd aus, wenn bei großen Monitoren ein kleines Ding in der Mitte steht.

Wie schon gesagt, werd ich vielleicht ein bestehendes Bild einfach resizen.

Falls du eine bessere Idee hast sowas zu machen, bite um Vorschläge.

Jak

Ich weiß, da meldet sich grad der richtige zu Wort (aber ich kanns ja mal versuchen ;) )

Steht das Bild auf der HP oben und unten in Frames? Denn wenn es zB seinen "Schwung" nur in der Mitte Hat, kannst ja so eines erstellen, zB in PS (also ein Bild, das mit der Linie, die ihren Scheitel im Zentrum der JPG-Datei hat)
Dannach könntest ja die Frames (oder was auch immer du in deiner HP hast) mit einem Hintergrund versehen, der den selben Farb-Verlauf hat, wie der Bogen, den du zentriert ausrichtest.

Ich hoffe man versteht wie ich das meine, ist nämlich nicht so klar rübergekommen, glaub ich, aber der Wille zählt ja bekanntlich ;)

Greetz

Ich hab's mir gerade angeschaut, sieht blöd aus.

Außerdem hat die Grafik am Rand noch mal einen "Aufschwúng".

Jak