CanvasRenderingContext2D.fill()

CanvasRenderingContext2D.fill() - малює заповнений контур.

Синтаксис:

ctx.fill();

Параметри:

ctx - об'єкт CanvasRenderingContext2D.

Опис:

fill() метод об'єкту CanvasRenderingContext2D який малює заповнений контур з поточним стилем заповнення fillStyle.

Якщо контур не закритий то метод fill() додасть лінію від останньої точки до початкової точки контуру moveTo(), щоб закрити контур як closePath().

Приклад:

Ваш браузер не підтримує canvas. var canvas= document.getElementById("canvas"); crt = canvas.getContext("2d"); crt.beginPath(); crt.rect(10, 10, 50, 55); crt.closePath(); crt.fillStyle="black"; crt.fill(); var canvas= document.getElementById("canvas"); crt = canvas.getContext("2d"); crt.beginPath(); crt.moveTo(15, 15); crt.lineTo(25, 45); crt.lineTo(167, 89); crt.lineTo(34, 56); crt.lineTo(106, 125); crt.closePath(); crt.fillStyle="#001000"; crt.fill();