Schleife in svg
Verfasst: Sonntag 5. Mai 2024, 11:59
Ich bekomme es mal wieder nicht hin. Für meine Aufgaben zur Wahrscheinlichkeitsrechnung brauche ich eine Urne mit Kugeln. Die soll etwa so aussehen:
Irgendwas funktioniert nicht. Die Urne geht (die lasse ich im svg Code mal weg), aber die Kugeln bekomme ich nicht zu sehen. Außerdem funktioniert das mit der Änderung der Koordinaten x und y nicht. ich wollte eigentlich erreichen, dass nach der 5. und 9. Kugel eine neue Reihe angefangen wird.
view:
und svg:
und ergibt:
Irgendwas funktioniert nicht. Die Urne geht (die lasse ich im svg Code mal weg), aber die Kugeln bekomme ich nicht zu sehen. Außerdem funktioniert das mit der Änderung der Koordinaten x und y nicht. ich wollte eigentlich erreichen, dass nach der 5. und 9. Kugel eine neue Reihe angefangen wird.
view:
Code: Alles auswählen
farben = ['red','green','blue']
farben_dict = {'red': 'rot', 'green': 'grün', 'blue': 'blau'}
nenner = random.randint(10,20)
kugeln = []
x = 215
y = 145
n = 0
for kugel in range(nenner):
if n == 5:
x = 230
y = 158
if n == 9:
y = 186
kugel = (farben[random.randint(0,2)],x+n*30,y)
kugeln.append(kugel)
n +=1
parameter = {'name': 'svg/stochastik.svg', 'object': 'urne', 'center_x': 200, 'center_y':160, 'kugeln': kugeln}
print(parameter)Code: Alles auswählen
<svg xmlns="http://www.w3.org/2000/svg">
version=1.1"center_y3
<svg viewbox="0 0 400 220">
{% if parameter.object == "urne" %}
{% for farbe,x,y in kugeln %}
<circle cx={{parameter.x}} cy={{parameter.y}} r=15 fill={{parameter.farbe}} stroke="black" />
{% endfor %}
{% endif%}
</svg>Code: Alles auswählen
print(parameter)Code: Alles auswählen
{'name': 'svg/stochastik.svg', 'object': 'urne', 'center_x': 200, 'center_y': 160, 'kugeln': [('blue', 215, 145), ('red', 245, 145), ('blue', 275, 145), ('blue', 305, 145), ('green', 335, 145), ('red', 380, 158), ('blue', 410, 158), ('red', 440, 158), ('red', 470, 158), ('green', 500, 186), ('blue', 530, 186), ('green', 560, 186), ('green', 590, 186), ('green', 620, 186), ('green', 650, 186), ('red', 680, 186), ('green', 710, 186), ('green', 740, 186), ('green', 770, 186), ('red', 800, 186)]}
