SVG-Pfad sampeln

[Lector]

Hallo,

Ich habe in meinem Programm einen SVG-Pfad den ich gerne mithilfe von Bitmaps nachzeichnen würde.

Bsp.:

Das Bild im Anhang ist ein SVG-Pfad, bei dem ein StrokeDashArray eingestellt ist. D.h. der wird gepunktelt gezeichnet. Ich würde jetzt gerne die X/Y-Koordinaten von jedem Punkt herauskriegen damit ich an diesen Positionen ein kleines Bild platzieren kann. Der SVG-Pfad liegt als String vor. Gibt es irgendeine Möglichkeit soetwas mit Bordmitteln zu bewerkstelligen oder irgendeine SVG-Bibliothek die dazu in der Lage ist?

Wäre toll wenn mir jemand helfen könnte.

[thomas_E]

ich bin nicht mehr so ganz in SVG drin, aber imo haben die Punkte keine bestimmte Position, die dürften bei jedem rendern, abhängig vom zoom anders positioniert sein.
eine Möglichkeit wäre es, den Pfad zu parsen, und abzulaufen, und dann alle x-pixel Strecke den Punkt berechnen.

[Lector]

Hallo,

Vielleicht habe ich mich etwas falsch ausgedrückt. Was ich möchte ist abhängig von einem bestimmten Abstand (z.B. 10 Pixel) am Pfad entlangwandern und dort dann entsprechend eine Bitmap platzieren, sozusagen den Pfad mit Bildern nachmalen.

Das mit dem selbst parsen wird denke ich nicht so einfach werden da ich die ganzen Pfad-Segmente (Linie, Kreissegment, Bezierkurve) selbst implementieren müsste. Den Abstand in dem ich die Punkte ermittle soll auf jeden fall immer entlang des Pfades gleich sein. Einfach auf die X-Koordinate 10 draufzuzählen wird nicht funktionieren da dies nur bei horizontalen Linien gehen wird.

[thomas_E]

Einfach auf die X-Koordinate 10 draufzuzählen wird nicht funktionieren da dies nur bei horizontalen Linien gehen wird.

schon klar, mit x-pixel meinte ich auch eher sowas wie "einen unbestimmten Abstand".

Das mit dem selbst parsen wird denke ich nicht so einfach werden da ich die ganzen Pfad-Segmente (Linie, Kreissegment, Bezierkurve) selbst implementieren müsste

nun ja, du müsstest auf jeden fall erstmal den String zerlegen und interpretieren. (hatte ich hier schonmal gemacht)
und die einzelnen Primitiven zu implementieren sollte auch nicht soo schwer sein.

eine gerade Linie zu unterteilen kannst du !?
für eine Quadratische Bezier-kurve, kannst du hierauf aufbauen. die Funktion length läuft die Kurve im Abstand von 1px ab, und zählt die Schritte. damit kannst du quasi ein "karte" anlegen, bspw 5px vom Start sind bei xy-Position

[Lector]

Eine gerade Linie sollte kein Problem sein. Kreissegmente sollte ich auch noch hinbekommen. Das Problem sind eher die kubischen / quadratischen Bezierkurven. Und was mache ich bei den Übergängen? Angenommen ein Liniensegment endet u. jetzt geht es mit einer Bezierkurve weiter? Dann müsste ich ja die Restlänge der Linie, seit der letzten ermittelten Koordinate noch mitberechnen. Das werde ich zwar auch irgendwie hinkriegen aber um ehrlich zu sein hätte ich mir das etwas weniger aufwändig vorgestellt. Aber wenn es dafür keine fertige Bibliothek gibt wird mir wohl nichts anderes übrig bleiben...

[hgseib]

genau genommen geht es garnicht. ausser gerade und kreis kann man keine länge direkt berechnen (ok parabel == quadratisches bezier geht, aber nicht die umkehrung: wo endet welche länge)
u.a.
H.G.Seib
-> Zeichnen (ZIP laden)
Bezier gleichmässig teilen - in gleichlange Stücke teilen

deshalb:
zeichne den linienzug 'normal' und gib ihm eine füllung.

internetsuche:
AS3 dotted line
AS3 dashed line