Zeichnen eines gekrümmten Pfades


Zeichnen eines offenen Pfades

Zeichnen eines geschlossenen Pfades

Bézierkurve


Mithilfe des Stift-Werkzeugs Namo WebCanvas icon toolpalette pen Zeichnen eines gekrümmten Pfades können Sie gerade Pfade sowie gekrümmte Pfade verschiedenster Formen zeichnen. Sie können genaue und komplexe Konturen gekrümmter Pfade zeichnen, indem Sie mehrere Ankerpunkte verwenden und nach den Regeln der Bézierkurve arbeiten.

Zeichnen eines offenen Pfades

  1. Wählen Sie das Stift-Werkzeug Namo WebCanvas icon toolpalette pen Zeichnen eines gekrümmten Pfades in der Werkzeugpalette aus.
  2. Klicken Sie auf den Zeichnungsbereich, um den Startankerpunkt festzulegen.
  3. Klicken Sie erneut auf den Zeichnungsbereich, um einen zweiten Ankerpunkt zu markieren. Klicken Sie auf diesen Ankerpunkt, und ziehen Sie mit der Maus eine Hilfslinie aus dem Ankerpunkt heraus. Klicken Sie auf den Endpunkt dieser Hilfslinie, und ziehen Sie mit der Maus am jetzt angezeigten Kurvenziehpunkt. Lassen Sie die Maustaste los, wenn der Pfad die gewünschte Krümmung erreicht hat.
    • Ziehen Sie die Maus nach unten. Ein nach unten geöffneter gekrümmter Pfad wird erstellt.
      Namo WebCanvas path curve up Zeichnen eines gekrümmten Pfades
    • Ziehen Sie die Maus nach oben. Ein nach oben geöffneter gekrümmter Pfad wird erstellt.
      Namo WebCanvas path curve down Zeichnen eines gekrümmten Pfades
  1. Fügen Sie weitere Ankerpunkte ein, um einen komplexen gekrümmten Pfad zu zeichnen.
    Namo WebCanvas path curve sin Zeichnen eines gekrümmten Pfades
  2. Wählen Sie das Auswahl-Werkzeug Namo WebCanvas icon toolpalette select Zeichnen eines gekrümmten Pfades in der Werkzeugpalette, um die Zeichnung zu vervollständigen.

Zeichnen eines geschlossenen Pfades

  1. Klicken Sie mit dem Stift-Werkzeug Namo WebCanvas icon toolpalette pen Zeichnen eines gekrümmten Pfades aus der Werkzeugpalette auf den Zeichnungsbereich, um den Startankerpunkt festzulegen.
  2. Fügen Sie Ankerpunkte zum Zeichnen von gekrümmten Pfaden ein.
    Namo WebCanvas draw curve close1 Zeichnen eines gekrümmten Pfades
  3. Verknüpfen Sie die Ankerpunkte, um die gekrümmten Pfade zu verbinden.
  4. Klicken Sie erneut auf den Startankerpunkt, um die Zeichnung zu vervollständigen.
    Namo WebCanvas draw curve close3 Zeichnen eines gekrümmten Pfades
  5. Sie können die gekrümmten Pfade mithilfe der Kurvenzieh- und Ankerpunkte glätten und verschiedene Effekte anwenden.
    Namo WebCanvas draw curve close4 Zeichnen eines gekrümmten Pfades

Bézierkurve

Die Bézierkurve ist nach dem französischen Ingenieur Pierre Bézier benannt, der diese Kurve in den 70er Jahren für ein Automobildesign entwickelte. Heute findet die Bézierkurve sowohl im Satzwesen als auch im Grafikbereich Verwendung. In WebCanvas werden Bézierkurven für das Zeichnen gekrümmter Pfade eingesetzt. Ein gekrümmter Pfad wird in WebCanvas durch die Verbindung mehrerer Bézierkurvenabschnitte dritter Ordnung (kubisch) erstellt. Eine Bézierkurve dritter Ordnung wird durch vier verschiedene Punkte definiert, wobei zwei Punkte auf der Kurve liegen und die anderen Punkte die Form der Kurve bestimmen. In der nachstehenden Abbildung bilden drei Bézierkurven dritter Ordnung einen offenen Pfad. Die Endankerpunkte jeder Bézierkurve stellen die Startankerpunkte für den nächsten Kurvenabschnitt dar. Sie können den Pfad fortsetzen, indem Sie weitere Bézierkurven hinzufügen. Jeder gemeinsame Ankerpunkt weist für den vorherigen und folgenden Kurvenabschnitt die gleiche Tangente auf, um eine fortlaufende Verbindung (erster Ordnung) zu gewährleisten.
Ein gekrümmter Pfad, der an Ankerpunkt A beginnt, wird durch den angrenzenden Ankerpunkt B beeinflusst. Eine Grifflinie mit den Kurvenziehpunkten B1 und B2 startet von Ankerpunkt B, und wenn Sie die Grifflinie in α-Richtung ziehen, wird ein gekrümmter Pfad erstellt, der in die umgekehrte Richtung weist. Wenn Sie die Grifflinie in β-Richtung zeichnen, erhalten Sie einen nach unten gekrümmten Pfad, angezeigt durch die imaginäre Line zwischen den zwei Ankerpunkten. Der gekrümmte Pfad beginnt am Startankerpunkt und endet am Endankerpunkt. Länge und Winkel der Grifflinie bestimmen Länge und Neigung des gekrümmten Pfades.

Namo WebCanvas bezier curve Zeichnen eines gekrümmten Pfades

Sie können mithilfe der oben erläuterten Methode verschiedene Kurvenpfade erstellen. Je mehr Ankerpunkte der gekrümmte Pfad aufweist, desto flüssiger und realistischer wirkt die Kurve.

Namo WebCanvas top Zeichnen eines gekrümmten Pfades

Zeichnen eines gekrümmten Pfades