fabricjs

I am loading an svg into Fabric which has child elements. I'm grouping them using groupSVGElements(). I need to be able select each child element - that is an onclick event that allows me to select a child object. I've thrown together this fiddle http://jsfiddle.net/AnQW5/2/ Although I can list out the child objects of the group via getObjects, theres no way that I can see to determine which object was clicked. So : canvas.observe('object:selected', function(e) { console.log(e.target.getObjects()); // ??? }); Any ideas? You can use canvas.add.apply instead groupSVGElements, so you can : have

Is there any solution for maintaining object size even if the user zoom in or out? I want to achieve like on the google maps behavior. So if I have an object (group of object) with a height and width of 20 even if I zoom into it, it should still be 20 pixels by default. Right now the behavior I have is that when the user zoom in or out the image gets bigger / smaller. I also did looping all the objects that I have on the canvas then set the scaleX and scaleY for it but the result was so laggy for me. var canvas = new fabric.Canvas('c') ; var circle = new fabric.Circle({ radius: 20, fill: 'red'

Are there any Fabric.JS Wizards out there? I've done my fair research and I can't seem to find much of an explanation on how to add an image to the fabric.JS canvas. User Journey: a) User uploads an image from an input file type button. b) As soon as they have selected an image from their computer I want to place it into the users canvas. So far I've got to storing the image into an expression, this is my code below: scope.setFile = function(element) { scope.currentFile = element.files[0]; var reader = new FileReader(); /** * */ reader.onload = function(event) { // This stores the image to

I'm a Linux & node noob. I'm trying to run FabricJS (which requires node-canvas) in AWS Lambda. I've been able to follow the instructions to get up and running on an AWS Linux EC2, however, Lambda has me at my wits end. Anyone have any tips or pointers on how to get this compiled for AW Lambda? I found this issue in the Node Canvas GitHub site . The questioner was trying to run FabricJS in Lambda as well. Here is the relevant section with an answer: Make sure you're compiling this on the same AMI that lambda currently uses: http://docs.aws.amazon.com/lambda/latest/dg/current-supported-versions

I am using Fabric.js to create design on any product. my some product has two canvas so I want to move fabric.Text from one canvas to another and I want to drag and drop Fabric canvas object to other Fabric canvases. I have absolutely no idea whether this is a good, bad or ugly way of doing things however I've put together a simple fiddle which achieves what you are after - the basic principle of what i've done is this: encapsulate your canvas objects within an object, where the canvas id's are the object keys, for example var canvases = { canvas1 : new fabric.Canvas('canvas1'), canvas2 : new