JSFiddle

  • setShadow examples

    Used in documentation (jsdoc tag)

    // Do some initializing stuff
    fabric.Object.prototype.set({
        transparentCorners: false,
        cornerColor: 'rgba(102,153,255,0.5)',
        cornerSize: 12,
        padding ...
  • setGradient examples

    Used in documentation (jsdoc tag)

    // initialize fabric canvas and assign to global windows object for debug
    var canvas = window._canvas = new fabric.Canvas('c');
    
    // Do ...
  • toDataURL examples #60 is the latest revision

    Used in documentation (jsdoc tag)

    // initialize fabric canvas and assign to global windows object for debug
    var canvas = window._canvas = new fabric.Canvas('c');
    
    canvas ...
  • Syncing objects #62 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var canvas = new fabric.Canvas('c');
    
    var rect1 = new fabric.Rect({
        left: 100, top: 100,
        width: 50, height: 50,
        fill ...
  • Template for issues #7 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    /**
     * fabric.js template for bug reports
     *
     * Please update the name of the jsfiddle (see Fiddle Options).
     * This templates uses latest ...
  • Ignoring events on a higher positioned object

    No-Library (pure JS), HTML, CSS, JavaScript

    var canvas = new fabric.Canvas('c');
    
    var rect1 = new fabric.Rect({
        left: 200,
        top: 200,
        width: 200,
        height: 200,
        fill ...
  • Creating circles with a mouse #39 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var canvas = new fabric.Canvas('c', { selection: false });
    
    var circle, isDown, origX, origY;
    
    canvas.on('mouse:down', function(o){
      isDown ...
  • Drawing lines with a mouse #184 is the latest revision

    No-Library (pure JS), HTML, CSS, JavaScript

    var canvas = new fabric.Canvas('c', { selection: false });
    
    var line, isDown;
    
    canvas.on('mouse:down', function(o){
      isDown = true;
      var ...
  • 1
  • 2