Wie offset-eine kubische Bézier-Kurve?

Ich versuche zu schaffen, ein "parallel" bezier-Kurve. In meinen versuchen habe ich bekommen, schließen Sie aber keine Zigarre. Ich bin versucht zu halten, eine solid 1px Versatz zwischen den 2 Kurven (rot,blau).

Wie offset-eine kubische Bézier-Kurve?

Mein Ziel ist es, verwenden Sie einen Rand offseting algorythm zu erweitern/verkleinern einer svg-Pfad.


Lösung

Für jemand anderes wer auf der Suche nach einer Lösung habe ich erstellen Sie eine AS3-version.

http://seant23.wordpress.com/2010/11/12/offset-bezier-curves/

  • Reine Vermutung, ohne dies selbst getan, aber konnte Sie einfach kopieren Sie die Kurve, nachdem es angezeigt wurde als eine Art "Bild", und nur neu zeichnen, es in einer neuen Farbe, an der am günstigsten gelegene offset?
  • Es würde nicht halten eine 1px-offset
  • wenn Sie eine Kurve zeichnen, von, sagen wir, 0,0 to 2,2 to 0,2, dann kopieren Sie die Kurve in ein Bild und Neuzeichnen zentriert auf 4,4 (statt 2,2), würde das nicht geben, ein 1px-offset?
  • Nur in einigen Fällen, es hängt von der Komplexität der Kurve. wenn Ihr sprechen eine sehr einfache Kurve mit kleinen Bogen, dann Ihre Methode funktionieren würde. für andere, du, Sie würde es schneiden direkt mit der original Linien. Es hängt alles davon ab, wie hart der Winkel der Kurve hat.
  • Scheint diese Frage im Zusammenhang: stackoverflow.com/questions/3205819/bezier-path-widening
InformationsquelleAutor Sean Thayne | 2010-11-10
Schreibe einen Kommentar