Как добавить изображение в полигон в ткани js?

Question

1 Я создаю многоугольник с определенными точками, когда я пытаюсь добавить изображение к объекту polygon.Image не является рендерингом в polygon.it является рендеринг от начальной точки холста. Ниже приведен код, который я использовал. Пожалуйста, скажите мне, где я делаю неправильно. Цените любую помощь! Спасибо

Jsfiddle Ссылка https://jsfiddle.net/u3bfscom/6/ Добавить очки и создать полигон позже добавить текстуру.

 fabric.Image.fromURL('https://image.freepik.com/free-photo/roof-texture_21206171.jpg', function (oImg) { 
     for(var i=0;canvas.getObjects().length>i;i++) 
     { 
      if(canvas.getObjects()[i].name=="Polygon") 
      { 
        canvas.getObjects()[i].set(oImg); 
      } 
     } 
     canvas.renderAll(); 
     }); 

Answer 1

Получил ответ.

fabric.Image.fromURL('https://image.freepik.com/free-photo/roof-texture_21206171.jpg', function (img) { 
      var patternSourceCanvas = new fabric.StaticCanvas(); 
      patternSourceCanvas.add(img); 
      var pattern = new fabric.Pattern({ 
       source: function() { 
       patternSourceCanvas.setDimensions({ 
        width: img.getWidth(), 
        height: img.getHeight() 
       }); 
       return patternSourceCanvas.getElement(); 
       }, 
      }); 
      console.log(img); 
      for(var i=0;canvas.getObjects().length>i;i++) 
      { 
       if(canvas.getObjects()[i].name=="Polygon") 
       { 
         canvas.getObjects()[i].set("fill", pattern); 
         canvas.renderAll(); 
       } 
      } 
     });