Question

从路径开始 - 或其中许多......

var c=paper.Path.Circle(centerPoint, 30);
c.strokeColor="";

我想让那个圆圈线性地增加它的半径。我可以这样做：

var children = paper.project.activeLayer.children;
paper.view.onFrame = function(event) {
    for (var i = 0; i < children.length; i++) {
        var item = children[i];
        item.scale(1.01);
    }

但是这会以指数方式增加半径！

我可以获得圆的半径并更改它吗？或者我是否必须创建一个新的，删除旧的？ scale()如何做到这一点？

我还想删除给定大小的圆圈。

谢谢，塞巴斯蒂安

Answer 1

虽然它是间接的，但你可以获得圆的半径。

var radius = circle.bounds.topCenter.y - circle.bounds.center.y;

或

var radius = circle.bounds.width / 2

给你一个圆的半径。但是一个圆圈存储为4个带有句柄的段，而不是圆形对象，因此半径不会存储在任何地方。

为了使它看起来越来越大，你将不得不删除旧版本并绘制一个较大尺寸的新版本。

也可以对其进行缩放，但是您希望在不增加缩放比例的情况下进行缩放。因此，如果您希望它增长1.01然后是1.02而不是1.0201等，则每次都需要调整比例因子。

你想要如何扩大这个圈子并不是很清楚，但是这里有一些代码可以对你想做的事做出一些假设：

function Scale() {
    this.original = 1.0;
    this.current = 1.0;
}

// target refers to original size in fractional terms, e.g., to
// grow by 1% specify 1.01 or to shrink by 1% specify 0.99. It returns
// the scale factor to apply to the current scale to achieve the
// target. So to increase the scale by 10% of the original size each
// time:
//
//     var s = new Scale();
//
//     for (i = 1.1; i <= 2.05; i += 0.1) {
//         var scaleFactor = s.scale(i);
//     }
//
// note the i <= 2.05 to allow for real number math issues.
//
Scale.prototype.scale = function(target) {
    // get the scaling factor from the original size
    var oFactor = target / this.original;
    // now get the factor to scale the current size by
    var cFactor = oFactor / this.current;
    this.current = oFactor;
    return cFactor;
}

是否可以获取/设置现有path.circle的半径？

1 个答案: