Fabric.js: Как убрать отступы и поле выбора формата?(отступ еще существует после увеличения) - PullRequest
Новая
       0

Fabric.js: Как убрать отступы и поле выбора формата?(отступ еще существует после увеличения)

0 голосов
/ 14 мая 2018

Я пытаюсь отформатировать стиль границы выделения, чтобы он выглядел как inkscape (изображение слева).Я попытался установить нулевое заполнение объекта с помощью этого: 

fabric.Object.prototype.set({
    padding: 0,
});

Если я увеличу масштаб, это станет более заметным, и заполнение будет расти.

Пример: Стиль поля выбора inkscape слева, фактическое поле справа fabric.js

Как удалить отступы?

Здесь jsFiddle .

1 Ответ

0 голосов
/ 14 мая 2018

Это из-за ширины хода, установите strokeWidth:0 для объекта.

DEMO 

var canvas = window.__canvas = new fabric.Canvas('canvas');
 
var rect = new fabric.Rect({left: 10, top: 10,strokeWidth:0, width: 60, height: 60, fill: 'blue'});

rect.editable = true;
rect.customType = 'shape';
rect.describtion = 'fabric.js rect object';
rect.cornerColor = 'red';
rect.borderColor = 'red';
rect.cornerSize = 8;
rect.padding = 0;

canvas.add(rect);
canvas.setActiveObject(rect);
canvas.setZoom(20);
canvas{
 border:2px solid #000;
}
<script src="https://rawgit.com/kangax/fabric.js/master/dist/fabric.js"></script>
<canvas id="canvas" width="400" height="400"></canvas>
...