verschiedene fillStyle Farben für arc in Leinwand

Stelle ich mir die Lösung dazu ist sehr einfach, und entschuldige mich im Voraus wenn dies schmerzhaft offensichtlich, aber ich kann nicht scheinen, um herauszufinden, wie zwei verschiedene fillStyles für zwei verschiedene Bögen ...ich will nur noch zeichnen können unterschiedliche Farben Kreisen. Unten habe ich, wie ich normalerweise tun würde, es mit anderen Formen/Methoden des Zeichnens in Leinwand, aber für einige Grund mit Bögen setzt es beide Bögen an den letzten fillStyle.

ctx.fillStyle = "#c82124"; //red
ctx.arc(15,15,15,0,Math.PI*2,true);
ctx.fill();

ctx.fillStyle = "#3370d4"; //blue
ctx.arc(580,15,15,0,Math.PI*2,true);
ctx.fill();

InformationsquelleAutor der Frage Nick | 2011-12-18

  1. 36

    Ich denke, Sie sind fehlt den begin-und end-Pfad-Anweisungen. Versuchen Sie, die folgenden (es funktioniert für mich in jsfiddle, siehe hier)

    ctx.fillStyle = "#c82124"; //red
ctx.beginPath();
ctx.arc(15,15,15,0,Math.PI*2,true);
ctx.closePath();
ctx.fill();

ctx.fillStyle = "#3370d4"; //blue
ctx.beginPath();
ctx.arc(580,15,15,0,Math.PI*2,true);
ctx.closePath();
ctx.fill();

    InformationsquelleAutor der Antwort puk

  2. 1

    Beachten Sie, dass der Pfad nur die geometrie. Sie können .fillStyle jederzeit bis zum fill( ).

    InformationsquelleAutor der Antwort Tim Erickson

Schreibe einen Kommentar