Как наложить pattern в JS в форме круга?

Question

[geelolm]

В этом коде паттерн накладывается в виде прямоугольника, а как сделать, чтобы был круг (или любая другая фигура)?

const canvas = document.getElementById("canvas");
const ctx = canvas.getContext("2d");

const img = new Image();
img.src = "canvas_createpattern.png";
img.onload = () => {
  const pattern = ctx.createPattern(img, "repeat");
  ctx.fillStyle = pattern;
  ctx.fillRect(0, 0, 300, 300);
};

Comments

[Алексей Дубровин]

Ну. Создавайте не прямоугольник а круг.

Answer 1

[Alexandroppolus]

Сотвори path на канве, и закрась его через fill

https://developer.mozilla.org/ru/docs/Web/API/Canv... и т.д.
https://developer.mozilla.org/ru/docs/Web/API/Canv...