创建弧段时织物Js弧线重叠

Question

我正尝试在fabric.js中创建具有相同弧线的矩形的云形状。我正在使用圆圈函数来创建这个。以下是我的代码

canvas.on('mouse:move', function(o) 
    { 
    if (!isDown) return; 

    var wd=pointer.x-origX; 
    var wd=parseInt(wd/10); 
    var ht=pointer.y-origY; 
    var ht=parseInt(ht/10); 
    var strcircle=""; 
    group = new fabric.Group(); 
    for($i=0;$i<wd;$i++) 
    { 
     circle1 = new fabric.Circle({ 
     radius: 5, 
     left: origX, 
     top: origY, 
     //angle: 0, 
     originX: 'left', 
     originY: 'top', 
     width: pointer.x-origX, 
     height: pointer.y-origY, 
     startAngle: Math.PI, 
     endAngle: 0, 
     clockwise: true, 
     stroke: '#000', 
     strokeWidth: 2, 
     fill: '', 
     originX: $i, originY: 5 

    }); 
    group.addWithUpdate(circle1); 

    }" 

canvas.add(group); 
} 

直线弧创建正确，但弧相互重叠。当使用canvas.clear（）时，它可以正常工作，也就是说，它会输出带有弧线的单个直线。

This image show how arc are overlapping on each other

Answer 1

当你添加弧线集团是圆弧没有显示正确的？