Skip to main content

Bezier Curve Calculator - Calculate Bezier Curves Online

Hur bezier kurvkalkylator fungerar

B(t) = (1-t)²P0 + 2(1-t)tP1 + t²P2 (kvadratisk)

Beräkna punkter längs Bezier-kurvor med hjälp av kontrollpunkter. Parametern t sträcker sig från 0 (start) till 1 (slut) och bestämmer position längs kurvan.

  1. 1

    Steg 1

    Välj kurvtyp (kvadratisk eller kubisk)

  2. 2

    Steg 2

    Ange kontrollpunktskoordinater

  3. 3

    Steg 3

    Ställ in parameter t värde (0 till 1)

  4. 4

    Steg 4

    Se den beräknade punkten på kurvan

Användningsområden

Vektorgrafikdesign (Adobe Illustrator, Figma)

Skapande av animationsvägar

Teckensnittsdesign och typografi

CSS-övergångar och förenklingsfunktioner

Tips

  • 1

    t=0 ger startpunkten P0 och t=1 ger slutpunkten

  • 2

    En kvadratisk kurva behöver 3 poäng och en kubik behöver 4 poäng

  • 3

    Kontrollpunkter definierar kurvformen men kurvan går inte nödvändigtvis genom dem

  • 4

    Bezier-kurvor är grunden för SVG-filer och TrueType-teckensnitt

  • 5

    Flera Bezier-kurvor kan kopplas ihop för att skapa komplexa former

Vanliga misstag

  • Ange ett t-värde utanför intervallet 0-1

  • Förvirrande kontrollpunkter med pass-through-punkter

  • Förstår inte att kurvan inte går genom mittkontrollpunkter

  • Använder en kvadratisk kurva för former som behöver mer flexibilitet

Vanliga frågor

Vad är skillnaden mellan kvadratiska och kubiska Bezier-kurvor?

Quadratic använder 3 kontrollpunkter (grad 2) och ger en enkel kurva. Cubic använder 4 punkter (grad 3) och ger mer kontroll över kurvformen.

Vad representerar parametern t?

t är en parameter som sträcker sig från 0 till 1. Vid t=0 är du vid startpunkten, vid t=1 vid slutpunkten. Värden däremellan ger punkter längs kurvan.

Går kurvan genom kontrollpunkterna?

Den passerar endast genom start- och slutpunkterna (P0 och P2/P3). Kontrollpunkter i mitten definierar kurvans riktning men den passerar inte genom dem.

Var används Bezier-kurvor?

I designprogramvara (Illustrator, Figma), digitala typsnitt (TrueType, OpenType), vektorbildfiler (SVG) och animationer (CSS-övergångar).

Hur skapar jag en jämn Bezier-kurva kopplad till en annan kurva?

För att säkerställa jämn kontinuitet måste den sista kontrollpunkten i den första kurvan och den första kontrollpunkten i den andra vara i linje med anslutningspunkten.