Как установить изображение в круг без повтора - PullRequest
Новая
       11

Как установить изображение в круг без повтора

0 голосов
/ 11 января 2019

На моем холсте JS я создаю круги с "дугой". Я хочу заполнить эти круги изображением, которое имеет размер круга. Как я могу это сделать ?

С моим кодом у меня вместо изображения черные круги. 

draw() {
ctx.save();
switch(this.couleur) {
  case "red":
    boule.src = ImagesBoulesACharger["rouge"];
    break;
  case "green":
    boule.src = ImagesBoulesACharger["vert"];
    break;
  case "orange":
    boule.src = ImagesBoulesACharger["orange"];
    break;
  case "yellow":
    boule.src = ImagesBoulesACharger["jaune"];
    break; 
  case "purple":
    boule.src = ImagesBoulesACharger["violet"];
    break;
}

var pattern = ctx.createPattern(boule, "no-repeat");
ctx.fillStyle = pattern;

//ctx.fillStyle = this.couleur; //A enlever si image
ctx.beginPath();
ctx.arc(this.x, this.y, 15, 0, 2 * Math.PI);
ctx.fill();
ctx.restore();
}
...