Ergebnis 1 bis 1 von 1
  1. #1
    salazar ist offline Jungspund
    registriert
    22-01-2016
    Ort
    Düsseldorf
    Beiträge
    21

    Question [GELÖST] canvas fill problem

    Hi,

    ich habe ein Array mit point objects drin. Jeder point hat die Eigenschaften x und y. Ich ordne diese Points in einem Rechteck an. Ein paar dieser Points können, wenn die Distanz zur Maus einen definierten Radius unterschreitet, der Maus folgen. Dadurch entsteht Bewegung und die Form des Rechtecks wird deformiert. Soweit so gut.
    Ich würde dieses Rechteck aber nun gerne mit Farbe füllen. Und genau hier komme ich nicht weiter. Linien zeichnen usw. klappt einwandfrei.

    Ganz zu Beginn wende ich clearRect an, damit die alten Zeichnungen verschwinden:
    Code:
    ctx.clearRect( 0, 0, 780, 780 );
    Danach dann folgt:
    Code:
    ctx.beginPath();
    Jetzt kommt eine for-Schleife in der die oben schon beschriebene Bewegung für die points berechnet wird. Innerhalb dieser for-Schleife habe ich diesen Code hier:
    Code:
    ctx.moveTo( pointL.x, pointL.y );
    ctx.quadraticCurveTo( point.x, point.y, pointR.x, pointR.y );
    Und nach der for-Schleife dann:
    Code:
    ctx.lineWidth = 1;
    ctx.fillStyle = '#666666';
    ctx.fill();
    ctx.strokeStyle = 'white';
    ctx.stroke();
    Und so schaut das Ergebnis aus:
    fill.png

    Wieso wird nicht das Rechteck gefüllt? ich stehe mal wieder auf dem Schlauch.
    Vielen Dank für eure Hilfe

    - - - Aktualisiert - - -

    Hi,
    Problem gelößt.
    Es war natürlich das moveTo, das innerhalb der for-Schleife X mal ausgeführt worden ist.
    Geändert von salazar (04-04-2017 um 17:12 Uhr)

Ähnliche Themen

  1. Form Fill Scripts
    Von th_wolfgang im Forum JavaScript
    Antworten: 1
    Letzter Beitrag: 19-05-2015, 21:48
  2. [FRAGE] Problem mit Array-push in Canvas script
    Von centauro im Forum JavaScript
    Antworten: 11
    Letzter Beitrag: 12-12-2014, 20:34
  3. [FRAGE] Canvas wird nicht auf canvas gerendert via drawImage
    Von xorg1990 im Forum JavaScript
    Antworten: 5
    Letzter Beitrag: 05-12-2014, 18:13
  4. Canvas drawImage Problem
    Von xoli im Forum JavaScript
    Antworten: 4
    Letzter Beitrag: 03-07-2013, 23:52
  5. canvas (SVG, VML, excanvas) - IE Problem
    Von darki777 im Forum JavaScript
    Antworten: 3
    Letzter Beitrag: 13-12-2007, 09:09

Stichworte

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •