Ich schreibe einen Codeausschnitt, der ein neues SVG-Element erstellt, habe jedoch Probleme beim Festlegen der Eigenschaften für Breite und Höhe.
var svg = document.createElement("svg");
while(!svg); // wait for it
svg.setAttribute("width", "100");
svg.setAttribute("height", "100");
document.body.appendChild(svg);
Bei der Überprüfung werden für das Element die beiden Eigenschaften korrekt festgelegt, und die .getAttribute()Methode gibt die korrekten Werte zurück. Sie wird jedoch so angezeigt, als würde svg 0 × 0ich den Cursor darauf bewegen. Ich vermisse wahrscheinlich etwas sehr Offensichtliches, aber ich kann nicht erkennen, was es ist. Irgendwelche Ideen?
Sie können diesen Code ausprobieren
function svg(){
// create the svg element
const svg1 = document.createElementNS("http://www.w3.org/2000/svg", "svg");
// set width and height
svg1.setAttribute("width", "500");
svg1.setAttribute("height", "500");
// create a circle
const cir1 = document.createElementNS("http://www.w3.org/2000/svg", "circle");
cir1.setAttribute("cx", "200");
cir1.setAttribute("cy", "200");
cir1.setAttribute("r", "200");
cir1.setAttribute("fill", "red");
// attach it to the container
svg1.appendChild(cir1);
// attach container to document
document.getElementById("svg54583").appendChild(svg1);
}
svg();<div id="svg54583"></div>Dieser Artikel stammt aus dem Internet. Bitte geben Sie beim Nachdruck die Quelle an.
Bei Verstößen wenden Sie sich bitte [email protected] Löschen.
Lass mich ein paar Worte sagen