Vorläufige Studiennotizen zu Html5 Canvas (3) – Zeichenstile und Zeichentext

durch Festlegen der Renderkontexte fillStyle und StrokeStyle des 2d >-Eigenschaft können Sie die Füllfarbe oder Zeichenfarbe ändern.

Sie können die Farbe auf die folgenden drei Arten ändern:

RgbFormat:

context.fillStyle = 'rgb(255,0,0)';//设置绘制颜色
context.strokeStyle = 'rgb(255,0,0)';//设置绘制颜色

Hex-Code-Format:

context.fillStyle = '#FF0000';//设置绘制颜色
context.strokeStyle = '#FF0000';//设置绘制颜色

Worttyp:

context.fillStyle = 'red';//设置绘制颜色
context.strokeStyle = 'red';//设置绘制颜色

Darüber hinaus können Sie für Dinge, die aus Strich hervorgehen, auch die Linienbreite ändern Attribut zum Ändern der Linienbreite. Die Standardlinienbreite ist 1.

Der Effektvergleich ist wie folgt:

Das Obige ist eine Linienbreite von 1 , die Linienstärke unten beträgt 5.

Es ist zu beachten, dass sowohl die Farbe als auch die Linienbreite mit dem setColor von j2me identisch sind Der Wert wird nach der Verwendung nicht auf den Standardwert zurückgesetzt. Der gezeichnete Text in

Canvas wird in Form eines Bildes gezeichnet und kann nicht wie gewöhnlicher HTML-Text mit dem Mauszeiger ausgewählt werden. Zum Zeichnen von Text in Canvas kann die Schriftgröße ausgewählt werden, die im Attribut Schriftart festgelegt wird. Beim Zeichnen gibt es auch die Methoden Füllung und Strich, bei denen es sich um gefüllte Wörter bzw. leere Wörter handelt. Der erste Parameter ist Text der zweite Der erste Parameter und der dritte Parameter ist der Ankerpunkt des Textes (untere linke Ecke). Die Code- und Schrifteffekte lauten wie folgt:

sind normal bzw. Kursivschrift und die Wirkung von Hohlwörtern:

Das Obige ist der Inhalt der vorläufigen Studiennotizen für Html5 Canvas (3) – Zeichenstil und Zeichentext. Bitte achten Sie auf weitere verwandte Inhalte auf der chinesischen PHP-Website (www.php.cn)!