如何使用图像作为模式在svg路径上均匀粘贴，以便通过fabric js

Question

我正在制作一个应用程序，我必须设计鞋子，在他们的特定部位，这是在画布上绘制的svg路径，如高跟鞋，正面。我必须选择要选择的材料来安装在这些部件/路径上。

您可以在给定链接上找到的常见情况。 here

我的代码：问题是我没有像在上面给出的示例网址中那样在绘制的paths()真实材质的粒度模式上获得模式的完成。

 var img_obj = new Image();
 img_obj.src = 'texture2.jpg';



 for (var i = 0; i < shape.paths.length; i++) {
        shape.paths[i].setPatternFill({
                    source: img_obj,
                    repeat: 'repeat'
                });
                alert(shape.paths[i]);
            }

  canvas.add(shape);
  canvas.renderAll();