fabricjs

I need to introduce few additional properties to existing object properties set. like: ID Geo Location etc Whenever I draw a shape, I need to add additional properties to the shape and need to get from toDataLessJSON() As of version 1.7.0 levon's code stopped working. All you need to do is to fix as follows: // Save additional attributes in Serialization fabric.Object.prototype.toObject = (function (toObject) { return function (properties) { return fabric.util.object.extend(toObject.call(this, properties), { textID: this.textID }); }; })(fabric.Object.prototype.toObject); You have to receive

In my application, I have multiple Fabric.js canvases, There is no limit on the number of canvases. I'll render heavy JSON via loadFromJson method of Fabric.js. So I want to release the fabric object memory if the canvas is not in use. How can I do that? At a time only one canvas will be visible. But I have to render all the canvases as the page loads. Canvas is actually a page and user can switch between pages via clicking on page number or something else. Remember user can come back to any canvas any time and try to doodle or use any other Fabric.js functionality. Here is my HTML structure:

I am trying to draw a free drawing on canvas using fabric.js but i am not able to free draw a like spray, circle, texture mode on my side i use this code only the pencil mode drawing is working but when i select spray and other mode that mode drawing as pencil. Here is my HTML Here is fiddle ink <label for="drawing-mode-selector">Mode:</label> <select id="drawing-mode-selector"> <option>Pencil</option> <option>Circle</option> <option>Spray</option> <option>Pattern</option> <option>hline</option> <option>vline</option> <option>square</option> <option>diamond</option> <option>texture</option> <

I'm working on a big custom application with Fabric JS and I already did a great job. But I have a problem with init loaded text object that uses a webfont. As long as that font is local on the client's computer, I works fine, ELSE the webfont is NOT loaded and the text object on the canvas is rendered in a default sans-serif font-family. Here is, in short, what I do (in this example I use "allstar" as my webfont) : CSS: The css is loaded inside fonts.css in the head before fabric.js @font-face{ font-family:'allstar'; src: url('/path-to-fonts/all_star-webfont.eot'); src: url('/path-to-fonts

This is the example: http://jsbin.com/UHENoKi/11/ Here I use simple formula to find the angle between two points (vectors): But as you could see at JSBin - something is broken. Where did I make a mistake? UPDATE Working example: http://jsbin.com/UHENoKi/13/edit?js,output Douglas The angle to rotate by is being calculated based on the 0,0 origin, but the square is rotating around its own center at 100, 100, so they don't match. If you move the square to 0,0, it feels OK: var rect = new fabric.Rect({ fill: '#00FFAB', top: 0, left: 0, width: 100, height: 100, selectable: false }); Rather than