In Images zeichnen

Hallo zusammen

ich habe eine Webpage und zeige dort ein Bild an. Nun möchte ich, entsprechend einer Liste und dem ausgewählten Wert dort, ein Kreuz in das Bild an der richtigen Stelle zeichnen. Geht sowas mit

<asp:Image></asp:Image>

oder eher mit

<asp:ImageMap></asp:ImageMap>

?
Bei ImageMap kann ich ja solche HotSpots belegen. Allerdings bringt mir das nicht viel da ich ja auf ein Event reagiere das von einer Liste ausgelöst wird. Ich hätte gerne irgendwie sowas:

ListBox_SelectedIndexChanged(object sender, EventArgs e)
{
    string szSelectedValue = ListBox.SelectedValue.ToString();
    PaintCrossInImage(Image, szSelectedValue);
}

wobei mir der Value dann sagt wieviel Pixel in x und y Richtung ich gehen muss. Wie kann ich sowas machen? Kann ich da zum Beispiel ein Schachbrett in Form einer Tabelle drüberlegen (die man nicht sehen sollte) und dann in die jeweiligen Zellen einfach das Kreuz zeichnen?

Ich bin absoluter Neuling was Bilder und zeichnen in C# oder HTML betrifft und es wäre super wenn mir da jemand weiterhelfen könnte.

Hallo,

ich würde das Clientseitig machen:
Einfach ein teilweise transparents Kreuz-Bild absolut positioniert über das Bild
legen.

Hmm, o.k., danke für den Tipp. Aber wie mache ich sowas? Kreiere ich mir mit Photoshop ein Bild mit einem Kreuz? Und kann ich da den Hintergrund dann transparent deklarieren? Oder habe ich einfach ein Bild mit einem Kreuz und mache es erst dann in meiner Anwendung transparent? Meinst du mit Clientseitig Javascript? Sorry, ich fange gerade erst mit der Webprogrammierung an und die Clientseite habe ich bisher noch nicht gemacht.

Kann mir niemand noch einen Tipp geben? Oder wenigstens Schlagwörter wonach ich im Internet suchen kann? Ich habe bisher leider nichts brauchbares gefunden.

ministry

Du machst einfach ein transparentes gif mit einem Kreuz drauf und positionierst das mit style="position:absolute; top:xxpx; left: yypx;".

Falls die "Clientseite" Html sein soll, wovon ich grad mal ausgehe

O.k., das wäre dann aber nach meinem Verständnis statisch? Damit könnte ich nicht auf Veränderungen reagieren wenn jetzt eine andere Position des Kreuzes gewünscht wäre, oder? Ich möchte ja auf Benutzereingaben reagieren und daraufhin die Position des Kreuzes bestimmen und dann anzeigen.

Ich bin jetzt kreativ geworden und habe es doch serverseitig gelöst. Ich habe ein Panel definiert und diesem Panel mein Bild, in das ich später zeichnen will, als Hintergrundbild mitgegeben. In das Panel habe ich dann eine Tabelle definiert, die sozusagen als mein Grid fungiert. Und in die Tabelle widerum kann ich in die einzelnen Cells ein Kreuz schreiben und voila, ich habe mein Kreuz im Bild. Kompliziert, aber funktioniert.

ministry

WebNeuling schrieb:

O.k., das wäre dann aber nach meinem Verständnis statisch? Damit könnte ich nicht auf Veränderungen reagieren wenn jetzt eine andere Position des Kreuzes gewünscht wäre, oder? Ich möchte ja auf Benutzereingaben reagieren und daraufhin die Position des Kreuzes bestimmen und dann anzeigen.

öhm, du kannst doch einfach die top- und left-werte dynamisch ausgeben

also so ungefähr:
<img src="images/kreuz.gif" style="position:absolute; top:<?php echo $crossTop; ?>px; left:<?php echo $crossLeft; ?>px;" />

ist ja irgendwie der Sinn der serverseitigen Sprache, den Output dynamisch zu erzeugen