Question

<body>
<canvas   id="canvas" width="1024" height="700" style="border:2px solid #000000"></canvas>
</body>

<script>


canvas.add(pointA);
var pointA = new fabric.Circle({ radius: 4, id:"A", fill: 'red', left: 650, top: 210,hasControls:false,padding:5});

pointA.setTop(40).setLeft(40);
canvas.renderAll();

</script>

我调用函数renderAll（）;我不能再选择圈子了（边框是画布上的其他东西），如何解决这个问题？

Answer 1

添加setCoords();可以解决问题。

   <script>


    canvas.add(pointA);
    var pointA = new fabric.Circle({ radius: 4, id:"A", fill: 'red', left: 650, top: 210,hasControls:false,padding:5});

    pointA.setTop(40).setLeft(40);
 setCoords();
    canvas.renderAll();

    </script>

调用函数setTop和renderall后的边界框偏移量;

1 个答案: