Paperjs Tween 不适用于 属性 半径

Question

Tween 不适用于 paperjs Circle 的半径，它适用于 fillColor 但不适用于半径

    var path = new Path.Circle({
    radius: 100,
    fillColor: 'blue',
    center: view.center
});

path.tween(
    { radius: 100, fillColor: 'blue' },
    { radius: 200, fillColor : 'red'},
    2000
);

JSBin 代码在这里：https://jsbin.com/zixarupixe/edit?html,js,output

Answer 1

问题是 radius 并不是真正可以获取或设置的 属性 圆圈，它只是一个构造函数参数。
为了做你想做的事，你可以用 item.applyMatrix = false 禁用路径上的矩阵应用并使用它的 scaling 属性。 这是一个 sketch 演示可能的解决方案。

var path = new Path.Circle({
    radius: 100,
    fillColor: 'blue',
    center: view.center,
    applyMatrix: false
});

path.tween(
    { scaling: 1, fillColor: 'blue' },
    { scaling: 2, fillColor: 'red' },
    2000
);