【问题标题】:javascript Raphael path widthjavascript Raphael 路径宽度
【发布时间】:2012-07-22 15:01:39
【问题描述】:

我正在尝试在 SVG 中缩放路径。为此,我使用了 javascript 库 Raphaël。 缩放本身工作得很好,但它在中心缩放,我希望它在不同的点缩放(路径的图形是一个圆形扇区,我希望它在“圆圈”的中心缩放)。

有没有办法获取路径的高度和宽度?如果是这样,我将能够计算出圆心。还是有其他方法可以找到那个点?

路径:

var path = "M "+center.x+" "+center.y;

路径 += "L "+(center.x+startX)+" "+(center.y+startY);

path += "A "+Math.floor(dist)+" "+Math.floor(dist)+" 0 " +(this.endAngle-this.startAngle > Math.PI ? "1 1 " :" 0 1 ")+ (center.x+endX)+ " "+(center.y+endY);

路径 += "L "+center.x + " "+center.y; 路径 += "z";

this.shape = paper.path(path);

【问题讨论】:

    标签: javascript svg raphael scaling


    【解决方案1】:

    您可以使用.getBBox() 获取元素的高度和宽度: http://raphaeljs.com/reference.html#Element.getBBox

    你是如何缩放路径的? .scale() 可以采用可选坐标作为缩放中心: http://raphaeljs.com/reference.html#Element.scale

    【讨论】:

    • 我使用的是 .scale(),但我需要可选坐标,并且我认为它需要相对于路径。显然你可以使用 SVG 画布上的绝对坐标
    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2012-03-28
    • 2013-08-29
    • 1970-01-01
    • 2017-02-27
    • 2016-05-28
    • 1970-01-01
    相关资源
    最近更新 更多