Изменить стиль выбора объекта в fabric.js

Question

Я использую плагин для ткани в моем проекте. При выборе объекта мы получаем выбранную область со следующим дизайном. Может я прикрепил изображения в выбранной области с некоторыми ПОС, как показано ниже: -

Я установил текст, используя,

hw[i] = new fabric.Text($(this).val(), { 
       left : 100, 
       top : 100, 
       fontSize : 20 
      }); 

В настоящее время я получаю:

и я хотел бы get,

Спасибо,

Answer 1

Хотя вы не можете сделать это прямо с Fabric JS, кто-то сделал расширение для него:

GitHub сайт: https://github.com/pixolith/fabricjs-customise-controls-extension

Живая демонстрация: http://pixolith.github.io/fabricjs-customise-controls-extension/example/index.html)

Это позволит вам присвойте изменения изображениям дескриптора и их действиям.

После добавления расширения вы можете добавить что-то вроде этого: чтобы получить действия

fabric.Canvas.prototype.customiseControls({ 
    tl: { 
     action: 'remove', 
    }, 
    tr: { 
     action: 'rotate' 
    }, 
    br: { 
     action: 'scaleY', 
    }, 
}); 

Затем изменить значки с:

fabric.Object.prototype.customiseCornerIcons({ 
    settings: { 
     borderColor: 'black', 
     cornerSize: 25, 
     cornerShape: 'circle', 
     cornerBackgroundColor: 'black', 
     cornerPadding: 10 
    }, 
    tl: { 
     icon: 'icon/trashcan.svg' 
    }, 
    tr: { 
     icon: 'icon/rotate.svg' 
    }, 
    br: { 
     icon: 'icon/scale.svg' 
    }, 
});