Get bounding box from .jgw world file

by JoeTS

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<htm>

  <body>
    width
    <input id="txtWidth" type='text' value="866" /> height
    <input id="txtHeight" type='text' value="5656" />
    <br/> .jgw file text
    <br/>
    <textarea id="txtWorldFile" rows="6" cols="50">
0.000196149135716825
0.0
0.0
-0.000129561535707478
38.8670079999999913
48.8147118793772563
</textarea>
    <input id="btnConvert" type="button" value="convert" />
    <br/>
    <b>Output</b>
    <br/>
    <pre id="result"></pre>
  </body>
</htm>

JavaScript

$(document).ready(function() {

  $("#btnConvert").click(function() {
    var txtWorldFile = $("#txtWorldFile").val();
    var arrWorldFile = txtWorldFile.split(/\r?\n/);

    var pixelSizeX = arrWorldFile[0]; 
    var rotationX = arrWorldFile[1];
    var rotaionY = arrWorldFile[2];
    var pixelSizeY = arrWorldFile[3];
    var centerCoordX = arrWorldFile[4];
    var centerCoordY = arrWorldFile[5];
    var imagewidth = $("#txtWidth").val();
    var imageHeight = $("#txtHeight").val();


    var output = worldFileToBoundingBox(pixelSizeX, pixelSizeY, rotationX, rotaionY, centerCoordX, centerCoordY, imagewidth, imageHeight)

    document.getElementById("result").innerHTML = JSON.stringify(output, undefined, 2);
  });

});

function worldFileToBoundingBox(pixelSizeX, pixelSizeY, rotationX, rotaionY, centerCoordX, centerCoordY, imagewidth, imageHeight) {
  var minX = centerCoordX - (pixelSizeX / 2);
  var maxY = centerCoordY - (pixelSizeY / 2);

  var maxX = minX + (pixelSizeX * imagewidth);
  var minY = maxY +(pixelSizeY * imageHeight);


  /*var minX=x1<x2?x1:x2;
  var maxX=x1<x2?x2:x1;

  var minY=y1<y2?y1:y2;
  var maxY=y1<y2?y2:y1;*/

  var data = {
    minX: minX,
    minY: minY,
    maxX: maxX,
    maxY: maxY
  };
  //console.log(data);
  return data;

}