Как сделать центр холста fabric.js равным 0,0?

Question

Я только начинаю с fabric.js, и мне интересно, есть ли способ создать холст таким образом, чтобы я мог работать с декартовыми координатами? Например, мне нужен круг, который я создаю в (0,0), чтобы отображаться в центре моего холста, который достигает от -400 до 400 по оси x и от -400 до 400 на y.axis, с более высоким значения y идут вверх и более высокие значения x идут вправо.

Есть ли способ сделать это без перевода каждой позиции вручную?

Answer 1

Вы можете использовать атрибуты originX и originY.

var obj = canvas.getObjects(); 
for (var i in obj) { 
    obj[i].set({ 
     originX: 'left', 
     originY: 'top', 
     left: 0, 
     top: 0 
    }); 
} 
canvas.renderAll(); 

Проверить эту скрипку с примерами: http://jsfiddle.net/1ow02gea/51/