![](/img/trans.png)
[英]Raphael.js Animate the rotation of a path with a given center point
[英]Raphael.js How to get center point location of paper and scale relative to the center?
我已经定义了我的 raphael 论文,如下所示:
var paper = Raphael("my-paper", '100%', '100%');
//render some shapes on my paper
var e = paper.ellipse(50, 50, 40, 20);
var c = paper.circle(50, 50, 40);
var r = paper.rect(40, 40, 50, 50, 10);
正如你在上面看到的,我定义了我的拉斐尔论文,然后在我的论文上画了一些形状。 我有以下两个问题要问:
1.如何得到我论文的中心点x和y值。 (x:水平位置,y:垂直位置)
2.我想把我纸上的所有东西都放大两倍,我知道我可以使用 Raphel scale function 。 我想相对于纸张的中心缩放纸张上的所有元素,因此,我需要执行以下操作:
e.scale(2, 2, CENTER_X, CENTER_Y)
(在问题 1中询问CENTER_X
和CENTER_Y
)
我希望结果看起来像放大,我是以正确的方式使用还是有其他方法可以做到这一点?
paper.width 和 paper.height 应该返回给你中心的纸张尺寸。
你可以像这样找到纸张的中心
var x = this.paper.canvas.offsetLeft;
var y = this.paper.canvas.offsetTop;
var centerX = x + paper.width/2 ;
var centerY= y + paper.height/2;
声明:本站的技术帖子网页,遵循CC BY-SA 4.0协议,如果您需要转载,请注明本站网址或者原文地址。任何问题请咨询:yoyou2525@163.com.