Problem bei 11-3

Ich habe ein Problem bei 11-3: Ich nehme an, dass mein quelltext soweit richtig ist, kann es aber im Firefox nicht testen. Da bekomme ich einen Hinweis auf Fehler. Beim W3C Validator wird mir Folgendes ausgegeben:
<animateTransform attributeName=”transform“ type=”rotate”
Have you forgotten the “equal” sign marking the separation between the attribute and its declared value? Typical syntax is attribute=”value”.

Außerdem wird mir ein 2. Fehler bei dem ‘t’ von ‘type’ angezeigt.. Damit kann ich leider nichts anfangen.. Was stimmt hier an dem Befehl nicht?

Könnte ein Kopierproblem sein; wenn du den Befehl zB aus dem Übungsslides rauskopierst, kann es passieren, dass die Anführungszeichen falsch übernommen werden bzw nicht erkannt werden. Ersetze mal alle ” selber nochmal durch “, das könnte es sein.

Danke! Genau das war der Grund!

Ηallo,

ich habe auch ein Problem bei der 11-3. Ich möchte, dass mein “licht”, um sich selbst dreht (also zu einer Sirene wird) aber es macht immer nur einen großen Kreis. Gibt es verschiedene Typen von “rotate”? Ich habe versucht, die Vorlage aus der Übung zu benutzen, um mein “licht” zum rotieren zu bringen, aber kriege das irgendwie nicht hin.

Hier sind die relevanten Teile meines Codes:

<line id=”licht” x1=”215” y1=”207” x2=”220” y2=”210”
style=”stroke:yellow; stroke-width:2”/>
…….
<use xlink:href=”#licht” x=”215” y=”207”>
<animateTransform attributeName=”transform” type=”rotate”
from=”0,215,207” to=”360,215,207”
begin=”0s” dur=”5s” repeatCount=”indefinite”/>
</use>

Kann mir da jemand ein wenig weiterhelfen?

Vielen Dank!
Luisa

Ah, jetzt macht das erste Licht endlich, was es machen soll. Für das zweite Licht habe ich eine Transformation des ersten Lichtes verwendet. Und obwohl ich den Animationscode analog zum ersten geschrieben habe, macht es einen größeren Kreis. Weiß jemand, was ich da übersehen habe?

<use xlink:href=”#licht”>
<animateTransform attributeName=”transform” type=”rotate”
from=”0,215,207” to=”360,215,207”
begin=”0s” dur=”5s” repeatCount=”indefinite”/>
</use>
<use xlink:href=”#licht” transform=”translate(0,15)”>
<animateTransform attributeName=”transform” type=”rotate”
from=”0,215,232” to=”-360,215,232”
begin=”0s” dur=”5s” repeatCount=”indefinite”/>
</use>

Vielen Dank nochmals!

Luisa

Durch das animateTransform wird das transform in der Gruppe sozusagen überschrieben, weil du nicht translate, sondern rotate animierst. Dein Licht rückt also wieder an die ursprüngliche Stelle und wird dann um einen tiefer liegenden Mittelpunkt gedreht, macht deshalb einen größeren Kreis.
Mit dem Attribut additive kannst du dieses Verhalten jedoch verändern. Damit ist es auch möglich, dass du auf ein Objekt mehrere Animationen anwendest, die dann gleichzeitig ausgeführt werden. Dazu setze einfach additive=”sum” im animateTransform-Tag.

Vielen Dank für die Hilfe! Jetzt rotieren meine Lichter so, wie sie sollen!

Viele Grüße!