Как заставить "transform: matrix (...)" перестать изменяться с помощью JavaScript? - PullRequest
Новая
       54

Как заставить "transform: matrix (...)" перестать изменяться с помощью JavaScript?

0 голосов
/ 07 октября 2019

Как заставить преобразовать элемент? 

<circle cx="17.88821485004885" cy="95.19691042390741" r="1.0" 

fill="#FF4545" id="this_is_a_circle" class="pin" 

transform="matrix(31.14414,0,0,31.14414,0,0)"  style="display: block; 

backface-visibility: hidden; z-index: 0; opacity: 0.384813;" data-svg-

origin="0 0"></circle>

Эта матрица (31.14414,0,0,31.14414,0,0) постоянно меняется во всех других кодах. Интересно, есть ли способ заставить эту матрицу изменить или просто заставить ее иметь значение matrix(0,0,0,0,0,0)

Это функция, которая преобразует мой элемент круга: 

function do_paint(){

var forEach = function(array, callback, scope) {
  for (var i = 0; i < array.length; i++) {
    callback.call(scope, i, array[i]); 
  }

};


//takes all circles so It'll give them animation
var $mapPins = document.querySelectorAll('#Map-shape g');

// Setup timelines attached to each map pin
forEach($mapPins, function(index, value) {

  // Pulse animation
  var pinTimeline = new TimelineMax({
    repeat: -1,
    delay: 2,
    repeatDelay: 1
  });

  pinTimeline.
  to($('.pin'), 3, {
    scale: 50, // radius of the blinking point
    transformOrigin: 'center center',
    opacity: 0
  });
});

}

Я использую обаTimelineMax и CSS преобразуются, чтобы «переместить» мой элемент.

Я хотел бы иметь что-то вроде: 

  stopAnimation();

  resumeAnimation();
...