Отображение ограничивающего прямоугольника в формах в paperjs

Question

Я пытаюсь отобразить границы для формы Circle. Но поскольку strokewidth немного выше, прямоугольник bounding отображается внутри круга. Поэтому вместо границ я попытался использовать strokeBounds, но это не работает. Вот мой код:

var centerPoint = new Point(100, 100);
var centerCircle = new Path.Circle(centerPoint, 25);
centerCircle.strokeColor = '#000';
centerCircle.strokeWidth = 10;
centerCircle.bounds.selected = true;
centerCircle.strokeBounds.selected = true;

Вот ссылка Sketch на мой код.

Здесь centerCircle.strokeBounds.selected выходит неопределенным. Как я могу правильно отобразить ограничивающий прямоугольник в этом случае?

Answer 1

Я также ответил в Github выпуск .

Обходной путь может состоять в том, чтобы нарисовать прямоугольник, используя штрихи, и вместо этого выбрать его.

var bounds = new Path.Rectangle(centerCircle.strokeBounds);
bounds.selected = true;

См. Эскиз для демонстрации.