Function updateObjectValues

src/js/ui.js:675–833

(type)

// Update object position based on panel input values
function updateObjectValues(type) {
  autoSave();
  if (canvas.getActiveObjects().length > 0) {
    if ($(this).find('input').val() || type) {
      var object = canvas.getActiveObject();
      if ($(this).attr('id') == 'animated-text') {
        return false;
      }
      if ($(this).attr('id') == 'animated-text-duration') {
        var obj = p_keyframes.find((x) => x.id == object.id);
        var length = obj.end - obj.start;
        if ($(this).find('input').val() * 1000 > length) {
          $(this)
            .find('input')
            .val(length / 1000);
        }
        animatedtext
          .find((x) => x.id == object.id)
          .setProp(
            { duration: $(this).find('input').val() * 1000 },
            canvas
          );
        save();
        return false;
      }
      if ($(this).attr('id') == 'object-volume') {
        newKeyframe(
          'volume',
          canvas.getActiveObject(),
          currenttime,
          parseFloat($(this).find('input').val()) / 200,
          true
        );
        canvas
          .getActiveObject()
          .set(
            'volume',
            parseFloat($(this).find('input').val()) / 200
          );
      }
      editingpanel = true;
      var selection = false;
      const tempselection = canvas.getActiveObjects();
      const id = $(this).attr('id');
      updateInputs(id);
      if (tempselection.length > 1) {
        object = object.toGroup();
        selection = true;
      }
      if (objects.find((x) => x.id == object.get('id'))) {
        objects.find((x) => x.id == object.get('id')).mask =
          $('#masks').val();
        if ($('#masks').val() == 'none') {
          object.clipPath = null;
          canvas.renderAll();
        } else {
          object.clipPath = canvas.getItemById($('#masks').val());
          canvas.renderAll();