[英]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.