как масштабировать элемент, сохраняя фиксированное положение в SVG
Я хочу масштабировать элемент ниже в фиксированной позиции.
когда я начинаю масштабировать, он перемещается из одного места в другое. я неЯ не хочу перемещать объект, я просто хочу увеличить размер объекта.
Я сослался на следующую ссылку.
http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Transforming_the_Coordinate_System
как сделать фиксированное масштабирование?
Я хочу анимировать элемент, т.е. увеличить размер в фиксированной позиции. я реализовал следующим образом. но это все равно перемещает элемент из источника. пожалуйста, обратитесь ниже код.
var box = element.getBBox();
var scaleVal=null, x=null, y=null;
$(element).animate(
{
scale: 1,
centerX:box.x+(4*transX),
centerY:box.y+(4*transY)
},
{
duration: 4000,
step: function(now,fx) {
if (fx.prop == "scale") {
scaleVal = now;
} else if (fx.prop == "centerX") {
x = now;
} else if (fx.prop == "centerY") {
y = now;
}
if(!sf.util.isNullOrUndefined(scaleVal) && !sf.util.isNullOrUndefined(x) && !sf.util.isNullOrUndefined(y)) {
$(element).attr("transform", "translate("+(-x*(scaleVal-1))+","+(-y*(scaleVal-1))+")scale(" + scaleVal + ")");
}
}
)
передал ссылку ниже для масштабирования в центрированной точке.
http://commons.oreilly.com/wiki/index.php/SVG_Essentials/Transforming_the_Coordinate_System
но это все еще начинается с происхождения и увеличивает элемент.
Спасибо,
Сива