Ellipse als Imagemap

[phpman]

Kann ich in HTML eine Ellipse als Imagemap definieren?

 

[Goltergaul]

nein es geht nur folgendes:

* Ein Viereck (shape="rect") definieren Sie mit den Koordinaten für x1,y1,x2,y2
wobei bedeuten:
x1 = linke obere Ecke, Pixel von links
y1 = linke obere Ecke, Pixel von oben
x2 = rechte untere Ecke, Pixel von links
y2 = rechte untere Ecke, Pixel von oben
* Einen Kreis (shape="circle") definieren Sie mit den Koordinaten für x,y,r
wobei bedeuten:
x = Mittelpunkt, Pixel von links
y = Mittelpunkt, Pixel von oben
r = Radius in Pixel
* Ein Polygon (shape="poly") definieren Sie mit den Koordinaten x1,y1,x2,y2 ... xn,yn
wobei bedeuten:
x = Pixel einer Ecke von links
y = Pixel einer Ecke von oben
Sie können so viele Ecken definieren wie Sie wollen. Von der letzten definierten Ecke müssen Sie sich eine Linie zur ersten definierten Ecke hinzudenken. Diese schließt das Polygon.


Quelle: Selfhtml

 

[phpman]

so weit war ich auch schon!

 

[Goltergaul]

Was anderes wird wohl auch nicht gehen

 

[tedlemegba]

so weit war ich auch schon!

Was willst du dann mehr?

Mit PHP oder einer anderen fähigen Sprache kannst du die Abmessungen der Ellipse ausrechnen und die einzelnen Punkte... dann lässt es sich als Polygon durchaus verwirklichen.

Aber das war dir ja sicher auch klar. Also wozu?

 

[respawner]

da es anscheinend nicht geht, musst du wohl mit Polygonen arbeiten. Wenn du das mit PHP-erzeugst kannst du ja sowas machen wie:

<area shape="poly" coords="
<?
  $x = 200; //Mittelpunkt
  $y = 100; //Mittelpunkt
  $a = 50; //halbe Breite
  $b = 20; //halbe Höhe
  for ($phi = 0; $phi < 8*atan(1); $phi+=0.2) {
    echo (round($x + $a * cos($phi))).','.(round($y + $b * sin($phi))).',';
  }
  echo (round($x + $a)).','.$y; //Damit man am Schluß kein überflüssigen , hat
?>
" href="..." alt="...">

habe es aber nicht getestet

edit mal korrigiert

MfG respawner

 

[tedlemegba]

habe es aber nicht getestet

MfG respawner

Ist glaube ich eher ungut. Sieht so nach einer Endlosschleife aus.. so verhielt sich zumindest der Indianer. Na ja, mal eben anschauen - wäre ja durchaus möglich.

Edit:

for ($phi = 0; $phi < 8*atan(1); $i+=0.2) {

Okay, einleuchtend!

for ($phi = 0; $phi < 8*atan(1); $phi+=0.2) {

Edit:
Ansonsten sieht's gut aus!
(Evtl. noch ein round rein?)

 

[respawner]

stimmt hatte zuerst alles mit $i geschrieben und dann habe ich mir gedacht, phi wäre schöner weil es ein Winkel ist. Runden wäre wohl wirklich besser. Keine Ahnung ob das HTML stört, aber wenn es bei Punkt geht warum nicht auch bei Pixel.

MfG respawner

 

[tedlemegba]

Runden wäre wohl wirklich besser. Keine Ahnung ob das HTML stört, aber wenn es bei Punkt geht warum nicht auch bei Pixel.

MfG respawner

Joa funktionieren tut's auch (bei mir im Firefox zumindest) ohne Runden. Wäre aber eventuell besser. Weiß auch nicht, wie es da aussieht, damit es konform ist!

 

[phpman]

danke

 

[Goltergaul]

ist das nicht ein wenig rechenintesiv? Und produziert ein wenig viel HTML code?
Naja kommt drauf an wofür es verwendet wird

 

[phpman]

ich habe es auch nicht verwendet, da es für ne einfache seite ist

 

[theHacker]

ist das nicht ein wenig rechenintesiv? Und produziert ein wenig viel HTML code?

Zur Not kann man ja $phi+=30 etc. benutzen. Ein 12-Eck sollte auf einer Webseite auch noch als Kreis ausreichen

 

[respawner]

Zur Not kann man ja $phi+=30 etc. benutzen. Ein 12-Eck sollte auf einer Webseite auch noch als Kreis ausreichen

hier wird aber mit Pi*2 gerechnet und nicht mit ° deswegen so kleine Schritte.

edit aber kommt wohl auf die Größe drauf an, man kann es ja ein bissl ausprobieren was gut aussieht.

edit2 hatte Pi/2 statt Pi*2

MfG respawner

 

[theHacker]

hier wird aber mit Pi/2 gerechnet und nicht mit ° deswegen so kleine Schritte.

Oops, ich hatte grad mit meinem Taschenrechner gespielt und der stand im Gradmaß