20 lines
716 B
JavaScript
20 lines
716 B
JavaScript
// Funktion zum Hinzufügen eines Kreises zu einem SVG-Element
|
|
function addCircleToSvg(svgId, cx, cy, r, fill) {
|
|
// Hole das SVG-Element anhand der ID
|
|
const svg = document.getElementById(svgId);
|
|
|
|
// Erstelle ein neues <circle> Element
|
|
const circle = document.createElementNS("http://www.w3.org/2000/svg", "circle");
|
|
|
|
// Setze die Attribute des Kreises
|
|
circle.setAttribute("cx", cx);
|
|
circle.setAttribute("cy", cy);
|
|
circle.setAttribute("r", r);
|
|
circle.setAttribute("fill", fill);
|
|
|
|
// Füge den Kreis dem SVG-Element hinzu
|
|
svg.appendChild(circle);
|
|
}
|
|
|
|
// Beispiel: Hinzufügen eines Kreises mit cx=100, cy=100, r=50, und Farbe rot
|
|
addCircleToSvg('svgFeld', 50, 50, 10, 'red'); |