Latest web development tutorials

Metoda HTML canvas fillRect ()

HTML Instrukcja płótno referencyjny HTML Instrukcja płótno referencyjny

Przykłady

Remis wypełniony prostokąt 150 * 100 pikseli:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillRect(20,20,150,100);

Spróbuj »

Pomoc Browser

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, Firefox, Opera, Chrome i Safari wsparcie fillRect metoda ().

Uwaga: 8 i wcześniejsze wersje programu Internet Explorer nie obsługuje <canvas> elementu.


Definicja i Wykorzystanie

Metoda fillRect (), aby rysować "wypełnione" prostokąt. Domyślnym kolorem wypełnienia jest czarny.

Wskazówka: Użyj fillStyle właściwość, aby ustawić kolor wypełnienia do rysowania, gradient lub wzór.

Składnia JavaScript: Kontekst .fillRect (x, y, szerokość, wysokość);

parametr Wartość

参数 描述
x 矩形左上角的 x 坐标。
y 矩形左上角的 y 坐标。
width 矩形的宽度,以像素计。
height 矩形的高度,以像素计。


HTML Instrukcja płótno referencyjny HTML Instrukcja płótno referencyjny