X-Git-Url: https://git-public.kairo.at/?p=mandelbrot-web.git;a=blobdiff_plain;f=js%2Fmandelbrot.js;h=fad30134a9eeb917a109c8af5839dc63440f8238;hp=3278e70d6687549c6334474e6c40a081e7bf0230;hb=5d56a513a8ece482f7223dfb8946d8c464f48170;hpb=7cde05f7ffcd0570f57fcf63a877d0b64cb2cea7 diff --git a/js/mandelbrot.js b/js/mandelbrot.js index 3278e70..fad3013 100644 --- a/js/mandelbrot.js +++ b/js/mandelbrot.js @@ -191,6 +191,56 @@ function setVal(aName, aValue) { } } +function checkISValue(textbox, type) { + if (type == "coord") { + textbox.value = roundCoord(parseFloat(textbox.value)); + } + else if (type == "dim") { + textbox.value = parseInt(textbox.value); + } +} + +function recalcCoord(coord, target) { + var othercoord = (coord == "Ci") ? "Cr" : "Ci"; + var owndim = (coord == "Ci") ? "height" : "width"; + var otherdim = (coord == "Ci") ? "width" : "height"; + var myscale; + if (target == "scale") { + myscale = + parseFloat(document.getElementById(coord + "_max").value) - + parseFloat(document.getElementById(coord + "_min").value); + document.getElementById(coord + "_scale").value = roundCoord(myscale); + } + else if (target == 'max') { + var mymax = + parseFloat(document.getElementById(coord + "_min").value) + + parseFloat(document.getElementById(coord + "_scale").value); + document.getElementById(coord + "_max").value = roundCoord(mymax); + myscale = document.getElementById(coord + "_scale").value; + } + if (document.getElementById("proportional").checked) { + var otherscale = myscale * + document.getElementById("image_" + otherdim).value / + document.getElementById("image_" + owndim).value; + document.getElementById(othercoord + "_scale").value = roundCoord(otherscale); + var othermax = + parseFloat(document.getElementById(othercoord + "_min").value) + + parseFloat(document.getElementById(othercoord + "_scale").value); + document.getElementById(othercoord + "_max").value = roundCoord(othermax); + } +} + +function checkProportions() { + if (!document.getElementById("proportional").checked) { + recalcCoord("Cr", "scale"); + } +} + +function roundCoord(floatval) { + // We should round to 10 decimals here or so + return parseFloat(floatval.toFixed(10)); +} + function adjustCoordsAndDraw(aC_min, aC_max) { var iWidth = getAdjustVal("image.width"); var iHeight = getAdjustVal("image.height"); @@ -249,16 +299,8 @@ function drawImage() { var iterMax = getAdjustVal("iteration_max"); var algorithm = getAdjustVal("use_algorithm"); - var iWidth = canvas.width; - if ((iWidth < 10) || (iWidth > 5000)) { - iWidth = 300; - canvas.width = iWidth; - } - var iHeight = canvas.height; - if ((iHeight < 10) || (iHeight > 5000)) { - iHeight = 300; - canvas.height = iHeight; - } + var iWidth = getAdjustVal("image.width"); + var iHeight = getAdjustVal("image.height"); gCurrentImageData = { C_min: new complex(Cr_min, Ci_min), @@ -268,6 +310,9 @@ function drawImage() { iterMax: iterMax }; + canvas.width = iWidth; + canvas.height = iHeight; + context.fillStyle = "rgba(255, 255, 255, 127)"; context.fillRect(0, 0, canvas.width, canvas.height);