https://*.com/questions/36660108/how-to-create-custom-fabricjs-object
I have to create a custom fabricjs object(say, fabric.Demo) which extends fabric.Group object. fabric.Demo object will be used to grouped other two fabric.Group objects. I have searched on the Internet and found only these links as useful.
But I'm getting this error 'this._objects is undefined'. I know I haven't write _render(). But I don't understand that what to code in _render(). If anyone knows the answer, it will be appreciated.
Here is my code.
(function (global) { var fabric = global.fabric || (global.fabric = {}), extend = fabric.util.object.extend, clone = fabric.util.object.clone; var stateProperties = fabric.Text.prototype.stateProperties.concat(); stateProperties.push( 'top', 'left' ); fabric.Demo = fabric.util.createClass(fabric.Group, { type: 'demo', initialize: function () { this.grp = new fabric.Group([], { selectable: false, padding: 0 }); this.grp.add([ new fabric.Group([ new fabric.Text('A', {top: 200, left: 200}), new fabric.Text('B', {top: 200, left: 200}) ]), new fabric.Group([ new fabric.Text('C', {top: 200, left: 200}), new fabric.Text('D', {top: 200, left: 200}) ]) ]); }, _render: function (ctx) { } });