I have an array (currently with 1 item in) and this prints out as follows:
The console image is the result of console.log(objects) but I need the first item in that array so I am trying to select the object at index 0 but this is not working and is printing in the console as 'undefined' using the following code:
var objects = wpd_editor.canvas.getObjects();
console.log(objects[0]);
Based on the answer from @shanzilla, you likely need to wait until everything is loaded—including your Fabric.js module and any drawing you may be doing—before trying to check if something exists. Not sure on how you're loading the Fabric.js code or when you're drawing the canvas, but a quick & dirty way to check if this is the issue is to wrap that log in a timeout:
setTimeout(function () {
var objects = wpd_editor.canvas.getObjects();
console.log(objects[0]);
}, 1000)
This is likely not a sustainable solution for you, but it will let you know that, in that one second that you're waiting, some crucial things are happening, specifically the loading and rendering of the page. For a more sustainable solution, something like the following, which uses Fabric.js's events API to wait for the canvas to be rendered, would probably work:
wpd_editor.canvas.on('after:render', function() {
var objects = wpd_editor.canvas.getObjects();
console.log(objects[0]);
});
It seems likely that you're trying to log the first element of the objects array before its defined.
Try...
if (objects.length > 0)
console.log(objects[0])
If nothing is output then it's a timing issue.
console.log(), it will show up when you expand the object.Something like this should bring you closer to the solution:
for(var item of objects)
console.log(item)
or
for(var i = 0; i < objects.length; i++)
console.log(objects[i])
// if this one works, you should check if you accessing the array at the right time.
console.log(objects)log?console.log(objects['u'])