Satır nesnesi fabricjs uygulanmıyor Desen

Question

Model, satır nesnesine uygulanmadığı için, fabricjs kullanarak sorun olarak karşılaşıyorum. Object özelliğini desen görüntüleri ile doldurur, ancak çizgi üzerinde desen göstermez. jsfiddle ins ekli. Kumaş js setPatternFill sadece bir dolgu özelliğine sahip değildir object.But hat nesnenin dolgu özelliğine deseni uygulamak Çünkü

var line = new fabric.Line([10, 25, 300, 25], { 
    stroke: 'red', 
    strokeWidth: 5, 
    selectable: true, 
    left: 0, 
    top: 0 
}); 
canvas.add(line); 

fabric.util.loadImage('http://fabricjs.com/assets/escheresque_ste.png', function (img) { 
    line.setPatternFill({ 
     source: img, 
     repeat: 'repeat' 
    }); 
    canvas.renderAll(); 
}); 
console.log(line); 

Answer 1

, sadece stroke yüzden biz farklı new fabric.Pattern

var canvas = new fabric.Canvas("c") 
 
var line = new fabric.Line([10, 25, 300, 25], { 
 
    stroke: 'red', 
 
    fill:"red", 
 
    strokeWidth: 10, 
 
    selectable: true, 
 
    left: 0, 
 
    top: 0 
 
}); 
 
canvas.add(line); 
 

 
fabric.util.loadImage('http://fabricjs.com/assets/escheresque_ste.png', function (img) { 
 
    
 
    line.stroke = new fabric.Pattern({ 
 
     source: img, 
 
     repeat: 'repeat' 
 
     }); 
 
     canvas.renderAll(); 
 
});

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.5.0/fabric.min.js"></script> 
 

 
<canvas id="c"></canvas>

gibi desen uygulamak zorunda