“Крутите барабан” или фон на каждый сектор

Есть барабан, каждый сектор - определенного цвета. Нужно чтоб каждый сектор имел свой background-image. Предоставляю часть JS-а:

var canvas = document.getElementById('canvas');
var windowwidth = window.innerWidth
    var width;
    var height;
    if (windowwidth < 1140) {
        //height = window.innerHeight;
      height = 320;
        width = 320;
    } else {
        width = 500;
        height = 500;
    }
    canvas.style.width = width + 'px';
    canvas.style.height = height + 'px';
};
window.addEventListener('resize', resize, false);
    var options = ["ליבי הסוסה", "היפופוטם", "נחום הינשוף", "החמור יוגב",
  "ליבי הסוסה", "היפופוטם", "נחום הינשוף", "החמור יוגב"
];
var coloroptions = ["#4E63AD", "#9475b0", "#f26722", "#2e9874", "#4E63AD", "#9475b0", "#f26722", "#2e9874"];
 var imgarray = ["https://www.aniboaz.co.il/Blog/libi/wp-content/uploads/sites/4/2016/04/libi_new_2.png" , "https://www.aniboaz.co.il/Blog/libi/wp-content/uploads/sites/4/2016/04/libi_new_2-02.jpg"];
 var linka = ["#"];
var startAngle = 110;
var arc = Math.PI / (options.length / 2);
var spinTimeout = null;
var spinArcStart = 220;
var spinTime = 0;
var spinTimeTotal = 0;
var ctx;
document.getElementById("spin").addEventListener("click", spin);
function byte2Hex(n) {
  var nybHexString = "0123456789ABCDEF";
  return String(nybHexString.substr((n >> 4) & 0x0F, 1)) + nybHexString.substr(n & 0x0F, 1);
}
function RGB2Color(r, g, b) {
  return '#' + byte2Hex(r) + byte2Hex(g) + byte2Hex(b);
}
function drawRouletteWheel() {
  var canvas = document.getElementById("canvas");
  if (canvas.getContext) {
    var outsideRadius = 200;
    var textRadius = 150;
    var insideRadius = 40;
    ctx = canvas.getContext("2d");
    ctx.clearRect(0, 0, 500, 500);
    ctx.strokeStyle = "Teal";
    ctx.lineWidth = 1;
    ctx.font = "bold 18px Rubik, sans-serif";
    for (var i = 0; i < options.length; i++) {
      var angle = startAngle + i * arc;
      //ctx.fillStyle = colors[i] ** getColor(i,options.length) ;
      ctx.fillStyle = coloroptions[i];
      ctx.beginPath();
      ctx.arc(250, 250, outsideRadius, angle, angle + arc, false);
      ctx.arc(250, 250, insideRadius, angle + arc, angle, true);
      ctx.stroke();
      ctx.fill();
      ctx.shadowOffsetX = -10;
      ctx.shadowOffsetY = -10;
      ctx.shadowBlur = 30;
      ctx.shadowColor = "rgba(0,0,0,0.5)";
      ctx.save();
       var imageObj = new Image();
           ctx.fillStyle = "white";
      ctx.translate(250 + Math.cos(angle + arc / 2) * textRadius,        250 + Math.sin(angle + arc / 2) * textRadius);
      ctx.rotate(angle + arc / 2 + Math.PI / 2);
      var text = options[i];            
      ctx.fillText(text, -ctx.measureText(text).width / 2, 0);
      ctx.drawImage(imageObj, 5, 20, 40, 40);
          ctx.restore();          
    }
    //Arrow
    ctx.beginPath();
    ctx.moveTo(250 - 15, 250 - (outsideRadius + 25));
    ctx.lineTo(250 + 15, 250 - (outsideRadius + 25));
    ctx.lineTo(250 + 15, 250 - (outsideRadius - 5));
    ctx.lineTo(250 + 15, 250 - (outsideRadius - 5));
    ctx.lineTo(250 + 0, 250 - (outsideRadius - 13));
    ctx.lineTo(250 - 15, 250 - (outsideRadius - 5));
    ctx.lineTo(250 - 15, 250 - (outsideRadius - 5));
    ctx.lineTo(250 - 15, 250 - (outsideRadius + 15));
    ctx.shadowOffsetX = +10;
    ctx.shadowOffsetY = 22;
    ctx.shadowBlur = 20;
    ctx.shadowColor = "rgba(0,0,0,0.5)";
    ctx.fillStyle = "white";
    ctx.fill();
    ctx.end;
  }
}

ссылка на код: https://codepen.io/CTACON23/pen/dLjzMW

(код не мой)

fillStyle не подходит, drawImage не работает с елементами такого типа