繁体   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