2

На холсте находится несколько объектов, надо менять z-позицию объектов.

Можно это как-то сделать с fabric.js?

1 ответ 1

1

Есть четыре метода для работы со слоями, как в PowerPoint:

.sendBackwards(), .sendToBack(), .bringForward(), bringToFront()

var canvas = new fabric.Canvas('c');

var circle = new fabric.Circle({
  radius: 120, fill: 'green', left: 20, top: 0
});
var triangle = new fabric.Triangle({
  width: 120, height: 130, fill: 'blue', left: 0, top: 00
});

canvas.add(circle, triangle);

canvas.renderAll();

canvas.bringToFront(circle);

Демо: http://jsfiddle.net/gz2ae1p8/

1
  • Ваш вариант работает, спасибо) Но я для эксперимента попробовал менять местами объекты в массиве canvas и после перерисовывать, тоже работает. var canvas = new fabric.Canvas('c'); var a = canvas.getObjects(); var a = a[1]; a[1] = a[2]; a[2] = a; canvas.renderAll();
    – KRasul
    1 июл 2015 в 14:12

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge you have read our privacy policy.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.