как масштабировать элемент, сохраняя фиксированное положение в 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

но это все еще начинается с происхождения и увеличивает элемент.

Спасибо,

Сива

Ответы на вопрос(2)

Ваш ответ на вопрос