HTML5 Zeichnen eines Rechtecks ​​in der Leinwand mit Renderings_HTML5-Tutorial-Kenntnissen

1. Zeichnen Sie ein Rechteck

Canvas verwendet ein Koordinatensystem mit dem Ursprung (0,0) in der oberen linken Ecke. Die x-Koordinate nimmt nach rechts und die y-Koordinate nach unten zu.

Verwenden Sie die Rechteck-Zeichnungsfunktion der Zeichenumgebung, um das Rechteck zu zeichnen.

fillRect(x,y,width,height): Zeichne ein festes Rechteck.
StrokeRect(x,y,width,height): Zeichne ein hohles Rechteck.
clearRect(x,y,width,height): Löscht den angegebenen rechteckigen Bereich, um ihn vollständig transparent zu machen.

2. Zeichnen Sie ein Rechteck in die Leinwand

Kopieren Sie den Code Der Code lautet wie folgt:

Tipp: Ihr Browser unterstützt das -Tag nicht ;/body>




3. Zeicheneffekt