Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/html/75.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 在raphael.js中,从中心设置矩形宽度的动画_Javascript_Html_Raphael - Fatal编程技术网

Javascript 在raphael.js中,从中心设置矩形宽度的动画

Javascript 在raphael.js中,从中心设置矩形宽度的动画,javascript,html,raphael,Javascript,Html,Raphael,我对中的.animate()Api有一个问题 有一个矩形,我想为宽度和高度设置动画 r.animate({ width: 50, height: 50 }, 1000, "bounce"); 但我想从矩形的中心展开,而不是从左上角展开。你们有谁知道怎么做吗 您可以使用x和y移动重角并模拟其从中心开始生长 r.click(function() { r.animate({ width: 100, height: 100, x: 75, y:75 }, 500); }); 有一种更好的方法不用计算

我对中的
.animate()
Api有一个问题 有一个矩形,我想为
宽度
高度
设置动画

r.animate({ width: 50, height: 50 }, 1000, "bounce");
但我想从矩形的中心展开,而不是从左上角展开。你们有谁知道怎么做吗


您可以使用
x
y
移动重角并模拟其从中心开始生长

r.click(function() { r.animate({ width: 100, height: 100, x: 75, y:75 }, 500); });

有一种更好的方法不用计算就可以做到这一点。如果知道要使对象变大多少,则应设置缩放动画

这是

r.click(function() { r.animate({ transform:'s2' }, 500); });
请注意,
transform:'s2'
表示将其缩放2倍。希望这有帮助;)


编辑如果您想让此动画在上下文中工作,只需编写
变换:“…s2”

好的想法,完美无瑕。但我不打算计算位置和一半宽度。但是如果没有其他的解决办法,我应该试试。