Function updateKeyframe

src/js/functions.js:4897–5158

(drag, newval, offset)

// Update keyframe (after dragging)
function updateKeyframe(drag, newval, offset) {
  var time = parseFloat(
    (drag.position().left * timelinetime).toFixed(1)
  );
  const keyprop = drag.attr('data-property');
  const keytime = drag.attr('data-time');
  const keyarr = $.grep(keyframes, function (e) {
    return (
      e.t == parseFloat(keytime) &&
      e.id == drag.attr('data-object') &&
      e.name == keyprop
    );
  });
  const keyobj = canvas.getItemById(keyarr[0].id);
  time =
    parseFloat(
      p_keyframes.find((x) => x.id == keyobj.get('id')).start
    ) + time;
  if (newval) {
    time = currenttime;
  }
  var keyval = keyarr[0].value;
  if (newval) {
    if (keyprop == 'shadow.color') {
      keyval = keyobj.shadow.color;
    } else if (keyprop == 'volume') {
      keyval = parseFloat($('#object-volume input').val() / 200);
    } else {
      keyval = keyobj.get(keyprop);
    }
  } else if (keyprop == 'left') {
    keyval = keyval + artboard.get('left');
  }
  keyframes = $.grep(keyframes, function (e) {
    return (
      e.t != parseFloat(keytime) ||
      e.id != drag.attr('data-object') ||
      e.name != keyprop
    );
  });
  newKeyframe(keyprop, keyobj, time, keyval, false);
  if (keyprop == 'left') {
    const keyarr2 = $.grep(keyframes, function (e) {
      return (
        e.t == parseFloat(keytime) &&
        e.id == drag.attr('data-object') &&
        e.name == 'top'
      );
    });
    var keyval2 = keyarr2[0].value + artboard.get('top');
    if (newval) {
      keyval2 = canvas.getItemById(keyarr2[0].id).get('top');
    }
    keyframes = $.grep(keyframes, function (e) {
      return (
        e.t != parseFloat(keytime) ||
        e.id != drag.attr('data-object') ||
        e.name != 'top'