Latest web development tutorials

fillRect lienzo HTML método ()

Objeto de la lona de referencia objeto Canvas

Ejemplos

Dibujar un rectángulo lleno de 150 * 100 píxeles:

YourbrowserdoesnotsupporttheHTML5canvastag.

JavaScript:

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

Trate »

Soporte para el navegador

Internet ExplorerFirefoxOperaGoogle ChromeSafari

Internet Explorer 9, el método de Firefox, Opera, Chrome y Safari fillRect apoyo ().

Nota: 8 y versiones anteriores de Internet Explorer no son compatibles con el elemento <canvas>.


Definición y Uso

fillRect () para dibujar "lleno" rectángulo. El color de relleno predeterminado es negro.

Consejo: Utilice fillStyle de propiedades para establecer el color de relleno para el dibujo, degradado o un motivo.

la sintaxis de JavaScript: contexto .fillRect (x, y, anchura, altura);

parámetro Valor

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


Objeto de la lona de referencia objeto Canvas