gruppenobjekt an pfad bewegen svg

[frank]

morgen,

kann mri jemand ein beispiel nennen wie man ein gruppenobjekt(bestehend aus mehreren pfaden und rechtecken) an einem pfad bewegen kann. ich sehe immer nur beispiele wo das mit einer simplen geometrie (kreis, rechteck, etc) gemacht wird.

hoffe ihr postet ein kleines beispiel.

frank

[Thomas Meinike]

Hallo,

kann mri jemand ein beispiel nennen wie man ein gruppenobjekt(bestehend aus mehreren pfaden und rechtecken) an einem pfad bewegen kann. ich sehe immer nur beispiele wo das mit einer simplen geometrie (kreis, rechteck, etc) gemacht wird.

Verschachtele kein einzelnes Element, sondern die gesamte Gruppe mit animateMotion:

<g>
  <rect x="30" y="30" width="30" height="20" style="fill: #00C"/>
  <circle cx="30" cy="30" r="10" style="fill: #F00"/>
  <animateMotion begin="0s" dur="5s" repeatDur="indefinite"
    path="M 100,100 L 300,50 A 100,100 0 0,1 300,200 Z"/>
</g>

Verwende alternativ ein Symbol,welches mit use verwendet wird. use wird dann die Animation untergeordnet.

MfG, Thomas

[frank]

ja, alles klar danke!

frank