Here if we resize the browser the circle is good but the dots stay the same. They have to move together.
let circle = new Path.Circle({
center: view.center,
radius: 50,
strokeColor: 'orange',
strokeWidth: 10
});
const dotsOnCircle = [0.2, 0.5, 0.6].map((t) => new Path.Circle({
center: circle.getPointAt(t * circle.length),
radius: 4,
fillColor: 'blue'
}));
function scale(amount) {
circle.scale(amount);
dotsOnCircle.forEach((it) => it.scale(amount, circle.position));
}
scale(5)
function onResize(event) {
circle.position = view.center;