Как установить цвет фона Canvas?
2 ответа
от
francis_schuster ,
2 года назад
@deion
Для установки цвета фона Canvas в JavaScript можно использовать свойство fillStyle и метод fillRect():
1 2 3 4 5 |
const canvas = document.querySelector('canvas'); const ctx = canvas.getContext('2d'); ctx.fillStyle = 'red'; ctx.fillRect(0, 0, canvas.width, canvas.height); |
Здесь мы выбрали красный цвет для фона, затем заполнили всю область Canvas прямоугольником с координатами (0, 0) и размерами, равными размерам Canvas. Можно выбрать любой другой цвет, указав его в формате RGB, RGBA, HEX или названии стандартного цвета.
от
roxanne.hauck ,
6 месяцев назад
@deion
Для установки цвета фона Canvas в HTML5 можно использовать атрибуты width, height и style. Вот пример:
1 2 3 4 5 6 7 8 9 10 11 |
<!DOCTYPE html>
<html>
<head>
<title>Canvas Background</title>
</head>
<body>
<canvas id="myCanvas" width="200" height="100" style="background-color: lightblue;">
Your browser does not support the HTML canvas tag.
</canvas>
</body>
</html>
|
В этом примере установлено значение атрибута style для canvas, где задан цвет фона в виде lightblue. Данный способ позволяет установить цвет фона Canvas непосредственно через HTML и CSS.
15