Manual de referencia HTML

大全 de etiquetas HTML

Método fill() de HTML canvas

fill() es un método de Canvas 2El método fill() de Canvas es una función que, según el estilo de relleno actual, rellena la ruta actual o existente. Utiliza las reglas de envolvente no nula o de envolvente par/impar.

Manual de referencia de canvas HTML

Ejemplo en línea

Dibujar 100*100 píxeles cuadrado, luego colorearlo con rojo:

Ejemplo

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8>
<title>Uso del método fill() en canvas HTML-基础教程(oldtoolbag.com)</<title>
</<head>
<body>
<canvas id="myCanvas" width="300" height="150" style="border:1px sólido #d3d3d3>
您的浏览器不支持 HTML5　canvas 标签。
</canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.rect(20,20,100,100);
ctx.fillStyle="red";
ctx.fill();
</script>　
</body>
</html>

Prueba aquí ‹/›

Compatibilidad del navegador

IEFirefoxOperaChromeSafari

Internet Explorer 9Firefox, Opera, Chrome y Safari admiten fill() métodos.

Nota:Internet Explorer 8 y versiones anteriores no admiten el elemento <canvas>.

Definición y uso

El método fill() rellena la forma actual (camino). El color predeterminado es negro.

Consejo:Por favor, usa fillStyle propiedad para rellenar otro color/gradiente.

Nota:Si el camino no está cerrado, el método fill() añadirá una línea entre el punto final y el punto de partida del camino para cerrar el camino (como se muestra en closePath() lo mismo），luego rellena esta ruta.

Sintaxis de JavaScript:	contexto.fill();

Manual de referencia de canvas HTML

HTML: <template> etiqueta