Rechtecke mit Canvas darstellen - Beispiele strokeRect

Dein Browser kann diese Grafik nicht darstellen.

Die Canvas-Grafiken auf dieser Demonstratiosseite werden erst nach Klicks auf die entsprechenden Links sichtbar.

Einfaches Füllen

Transparentes Füllen - da ein teilweise transparentes Rechteck gezeichnet wird, verstärkt sich bei mehrmaligem Klicken die blaue Farbe

Füllen mit linearem Gradient - hier wird ein Gradient, also ein Frabverlauf zum Füllen des Rechtecks genutzt