Fabric.js добавляет новую опцию в функциональности setControlsVisibility

Question

Я хочу добавить новый значок для изображений, которые я добавляю на холст, как упомянуто в следующем посте: Добавить значок удаления на изображение на холсте HTML5 и Fabric js

$('#remove').on('click', function(){
  canvas.getActiveObject().remove();
});

canvas.on('object:selected', function(o) {
  if (o.target.isType('image')) {
    $('#remove').show();
  }
});

canvas.on('selection:cleared', function() {
    $('#remove').hide();
});

Ноэто решение не может работать для меня.Я хочу добиться чего-то вроде сделанного в следующем коде: http://jsfiddle.net/tornado1979/0fbefh52/6/

Здесь я хочу отобразить любое пользовательское изображение, основанное на моих условиях кода.

Есть ли способ добиться этого.

Спасибо

Answer 1

Спасибо @ Дурга,

Ссылка https://github.com/pixolith/fabricjs-customise-controls-extension решила мою проблему.

Ниже описан способ настройки параметров управления:

    fabric.Canvas.prototype.customiseControls({
    tl: {
        action: 'rotate',
        cursor: 'cow.png'
    },
    tr: {
        action: 'scale'
    },
    bl: {
        action: 'remove',
        cursor: 'pointer'
    },
    br: {
        action: 'moveUp',
        cursor: 'pointer'
    },
    mb: {
        action: 'moveDown',
        cursor: 'pointer'
    },
    mt: {
        action: {
            'rotateByDegrees': 45
        }
    },
    mr: {
        action: function( e, target ) {
            target.set( {
                left: 200
            } );
            canvas.renderAll();
        }
     },
     // only is hasRotatingPoint is not set to false
     mtr: {
        action: 'rotate',
        cursor: 'cow.png'
     },
}, function() {
    canvas.renderAll();
} );