javascript - Find Coordinates of the Active Object in fabric.js - Stack Overflow

admin管理员组

文章数量:1291327

Using fabric js i draw a different shapes such as circle ,rectangle .I tried

the rectangle is drawn by fabric.rect() method

 canvas.getActiveObject().get('points');

but it returns undefined

I have also gone through this post

How to get polygon points in Fabric.js

but i cannot solve the issue

    var object = canvas.getActiveObject();
    var objectCenter = object.getCenterPoint();
    var translatedPoints = object.get('points');
    console.log(object);
    console.log(translatedPoints);
    translatedPoints.map(function(p) {
        var pt =  {
            x: objectCenter.x + p.x,
            y: objectCenter.y + p.y
        };
           console.log(pt);

Is there any way to find the coordinates of the rectangle or other active objects drawn by similar methods

Using fabric js i draw a different shapes such as circle ,rectangle .I tried

the rectangle is drawn by fabric.rect() method

 canvas.getActiveObject().get('points');

but it returns undefined

I have also gone through this post

How to get polygon points in Fabric.js

but i cannot solve the issue

    var object = canvas.getActiveObject();
    var objectCenter = object.getCenterPoint();
    var translatedPoints = object.get('points');
    console.log(object);
    console.log(translatedPoints);
    translatedPoints.map(function(p) {
        var pt =  {
            x: objectCenter.x + p.x,
            y: objectCenter.y + p.y
        };
           console.log(pt);

Is there any way to find the coordinates of the rectangle or other active objects drawn by similar methods

• javascript
• coordinates
• fabricjs

Share Improve this question Follow edited Sep 29, 2017 at 18:31 Ali Soltani 9,94655 gold badges3131 silver badges5757 bronze badges asked Mar 3, 2016 at 11:16 ArUnArUn 1,33722 gold badges2323 silver badges4040 bronze badges

Add a ment  | 

2 Answers 2

Sorted by: Reset to default 6

You can use this code:

var obj = canvas.getActiveObject();
alert(obj.left + "," + obj.top);

If you want to get the data for all objects on your canvas, you can create a JSON object using the following code. Coordinates for all of your objects will be included as properties in the output (along with object height & width - per Chirag's question in the previous answer).

function serializeCanvas(c) {
    var canvasJson = JSON.stringify(c);
    console.log(canvasJson);
}

本文标签： javascriptFind Coordinates of the Active Object in fabricjsStack Overflow