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