簡體   English   中英

Raphael.js 如何獲取紙張的中心點位置和相對於中心的比例?

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

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM