как убрать соотношения сторон?

166
14 апреля 2018, 20:01

Привет, есть сайт, на котором работает калькулятор расчета стоимости за м2, нужно убрать соотношения сторон, но я не могу понять, где в коде оно прописывается, пожалуйста помогите, вот код:

$(document).ready(function(){ 
  //general variables 
  $width = $('#width_value'); 
  $height = $('#height_value'); 
  $result = $('#result'); 
  var maintainAspectRatio = true, 
      borderChecked = false, 
      border_koef = 0; 
 
  //init dropzone for user image 
  Dropzone.options.filedrop = { 
    init: function () { 
      this.on("complete", function (file) { 
        $('#layout').attr("src", 'photos/cat_3/f/'+file.name); 
        maintainAspectRatio = false; 
      }); 
      this.on("addedfile", function() { 
        if (this.files[1]!=null){ 
          this.removeFile(this.files[0]); 
        } 
      }); 
    }, 
    acceptedFiles: 'image/*', 
    dictDefaultMessage: 'Перетягніть зображення для завантаження', 
    dictInvalidFileType: 'Підтримуються тільки файли зображень', 
    dictResponseError: 'Не вдалося завантажити файл - спробуйте ще раз', 
  }; 
 
  calculateValue(); //calculate on load 
 
  //number inputs handlers 
  $width.change(function() { 
    if(maintainAspectRatio) { 
      $height.val(Math.round($width.val() / parameters.picture_aspects_ratio)); 
    }; 
     
    calculateValue(); 
  }); 
 
  $height.change(function() { 
    if(maintainAspectRatio) { 
      $width.val(Math.round($height.val() * parameters.picture_aspects_ratio)); 
    } 
     
    calculateValue(); 
  }); 
 
  //show border select panel 
  $('#show-border-select').click(function() { 
    $('#border-select').toggle(); 
 
    $('#show-border-select').html($('#show-border-select').text() == 'Додати рамку' ? 'Забрати рамку' : 'Додати рамку'); 
 
    borderChecked = (borderChecked == true) ? false : true; 
    calculateValue(); 
  }) 
 
  //radiobuttons handler 
  $('[name="border-select"]').click(function() { 
    if($(this).is(':checked')) { 
      borderChecked = true; 
      border_koef = $(this).attr('data-border-koef'); 
      calculateValue(); 
    } 
  }); 
 
  //main function - call it on every change 
  function calculateValue() { 
    var result = $width.val()*$height.val()*parameters.picture_price_koef; 
 
    if(borderChecked) { 
      result += $width.val()*$height.val()*border_koef; 
    } 
 
    result = (Math.round(result*100/100) / 100).toFixed(2); 
 
    $result.html(result); 
  } 
});
 <script> 
  var param=0.73; 
    //Тут задаються параметри картинки 
    var parameters = { 
      'picture_price_koef': '0.098', //коефіцієнт ціни картини 
      'picture_aspects_ratio': false, //співвідношення сторін картини = ширина / висота; 
    } 
  </script>

Answer 1

Присваивание значений после изменения ширины или высоты происходит после проверки переменной maintainAspectRatio (в 33 строке и 41 строка)

измените ее на false и будет так, как вам нужно.

READ ALSO
Проблема с пост-запросом/ Angular5

Проблема с пост-запросом/ Angular5

Есть сервис с пост-запросом:

125
Проверка на содержание слова в url

Проверка на содержание слова в url

У меня есть две ссылки на страницы, на одной из которых надо показать картинку, а на другой наоборот не показывать

176
SyntaxError: Unexpected token . [Gulp]

SyntaxError: Unexpected token . [Gulp]

Пишу простенькое приложение на Electronjs

189
Перезапуск SVG анимации через удаление animateTransform

Перезапуск SVG анимации через удаление animateTransform

Всем приветВозникла проблема с svg анимацией

215