o5andrey, даже в графических редакторах нет однозначного способа нарисовать точку, есть фигуры, контур, кисть, карандаш, текст, и любым из этих способов можно сделать некую точку и здесь также. Примеры непосредственно с fabric.Point все переменные pointN здесь данного типа:
// Canvas class
var canvas = new fabric.Canvas('c');
// Point class
var point1 = new fabric.Point(10, 10); // { x: 10, y: 10 }
// Point class
var point2 = new fabric.Point(20, 20); // { x: 20, y: 20 }
// Rectangle class
var rect = new fabric.Rect({
left: point1.x,
top: point1.y,
width: 40,
height: 40
});
// Adds objects to collection, Canvas or Group, then renders canvas...
canvas.add(rect);
// Checks if point is inside the object
var inside = rect.containsPoint(point2); // true
// Adds another point to this one and returns another one
var point3 = point1.add(point2); // { x: 30, y: 30 }
// Subtracts value from this point and returns a new one
var point4 = point3.scalarSubtract(25); // { x: 5, y: 5 }
// Returns the real center coordinates of the object
var point5 = rect.getCenterPoint(); // { x: 30.5, y: 30.5 }
// Returns the point between this point and another one
var point6 = point4.midPointFrom(point5); // { x: 17.75, y: 17.75 }
// Sets object's left position
rect.setLeft(point6.x);
// Sets object's top position
rect.setTop(point6.y);
// Renders both the top canvas and the secondary container canvas
canvas.renderAll();