Kreis zeichnen mit JavaScript

[Thomas Meinike]

Hallo,

kann mit jemand sagen, wie man mit JavaScript einen Kreis mit beliebigem Radius an beliebigen Koordinaten zeichnen kann?

Wenn ich auf meiner Seite auf eine bestimmte Stelle klicke, dann soll dort ein Kreis erscheinen (Wie ich die Koordinaten bekomme, weiss ich).

Vermutlich moechtest Du das im HTML-Dokument machen und wie der gepostete Link zeigt, ist das sehr aufwendig bis unpraktikabel.

In einem SVG-Dokument ist das schon einfacher:

function Kreis(evt,x,y,r,farbe)
{
  var svgdoc, svgroot, objekt;
  svgdoc=evt.getTarget().getOwnerDocument();
  svgroot=svgdoc.getDocumentElement();
  objekt=svgdoc.createElement("circle");
  objekt.setAttribute("cx",x);
  objekt.setAttribute("cy",y);
  objekt.setAttribute("r",r);
  objekt.setAttribute("style","fill: "+farbe);
  svgroot.appendChild(objekt);
}

<element ... onclick="Farbe(evt,'200','200','50','#FF0000')"/>

Damit sollte durch Vorgabe von Mittelpunkt, Radius und Farbe ein roter Kreis entstehen. Das kann via <object ...>Ersatzinhalt</object> in HTML eingebettet werden, wobei zur Ausfuehrung zurzeit noch ein externes PlugIn erforderlich ist.

MfG, Thomas