Interaktives SVG ohne lächelnd, js, fremdObject und Eingabe [Typ = "Kontrollkästchen"]: Überprüft ⇐ HTML

[Anonymous]

Ich möchte ein interaktives SVG -Diagramm für WikiSource beitragen. There are quite strict restrictions on the format, indicated in the title:

[*]SVG can contain inline style attributes and elements, but besides that:
[*]no SMIL,
[*]no JavaScript,
[*]no HTML fremdObject isles,
Also kein Html und CSS: Checked Tricks. />

Code: Select all

#main:has(#chkbox1)          #triangle  { display:none; }
#main:has(#chkbox1:checked)  #triangle  { display:block; }

#main:has(#chkbox2)          #square    { display:none; }
#main:has(#chkbox2:checked)  #square    { display:block; }

#main:has(#chkbox3)          #circle    { display:none; }
#main:has(#chkbox3:checked)  #circle    { display:block; }< /code>

Triangle
Square
Circle

(Wie Sie sehen können, funktioniert dies ohne JavaScript.) Aber es ist nur ein HTML, das nicht zu den Anforderungen passt. JavaScript? https://codepen.io/schlebe/pen/gbboryk