Как изменить положение вращающейся точки внизу в FabricJS?

Question

Как изменить положение точки вращения вниз (см. Изображение ниже)?

А вот ссылка на руководство по настройке точки выбора объекта.http://fabricjs.com/fabric-intro-part-4#customization

Спасибо!

Answer 1

Просто используйте угол, чтобы повернуть круг на 180 градусов, и «точка вращения» будет внизу, если объект является чем-то отличным от круга, добавьте к смеси флипY, чтобы сохранить объект в вертикальном положении.

<canvas id="canvas" width="170" height="170"></canvas>

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

<script>
  var obj = new fabric.Triangle({
    fill: 'lime',
    top: 110,
    left: 110,
    angle: 180,
    flipY: true,
    borderColor: 'red',
    cornerColor: 'cyan',
    cornerSize: 9,
    transparentCorners: false
  });
  
  var canvas = new fabric.Canvas('canvas');
  canvas.add(obj);
  canvas.setActiveObject(canvas.item(0));
</script>