Height:
<input id="image_height" value="300" maxlength="4" size="4" type="number"
onchange="checkISValue(this, 'dim'); recalcCoord('Cr', 'scale');">
-<input type="checkbox" id="proportional" onchange="checkProportions();">
+<input type="checkbox" id="proportional" checked="true"
+ onchange="checkProportions();">
<label for="proportional">proportional</label>
<br><br>Maximum of iterations:
var initTile = new Image();
initTile.src = "style/initial-overview.png";
- gMainContext.drawImage(initTile, 0, 0);
+ initTile.onload = function() { gMainContext.drawImage(initTile, 0, 0); };
}
function initDB() {
switch (aName) {
case "image.width":
case "image.height":
- gPrefs.set(aName, value);
- document.getElementById(aName.replace(".", "_")).value = value;
+ gPrefs.set(aName, aValue);
+ document.getElementById(aName.replace(".", "_")).value = aValue;
break;
case "last_image.Cr_*":
- gPrefs.set("Cr_min", Cr_min);
- gPrefs.set("Cr_max", Cr_max);
+ gPrefs.set("Cr_min", aValue.Cr_min);
+ gPrefs.set("Cr_max", aValue.Cr_max);
document.getElementById("Cr_min").value = aValue.Cr_min;
document.getElementById("Cr_max").value = aValue.Cr_max;
break;
case "last_image.Ci_*":
- gPrefs.set("Ci_min", Ci_min);
- gPrefs.set("Ci_max", Ci_max);
+ gPrefs.set("Ci_min", aValue.Ci_min);
+ gPrefs.set("Ci_max", aValue.Ci_max);
document.getElementById("Ci_min").value = aValue.Ci_min;
document.getElementById("Ci_max").value = aValue.Ci_max;
break;
setAlgorithm(aValue);
break;
case "color_palette":
- setPalette(valueaValue);
+ setPalette(aValue);
break;
case "syncProportions":
- gPrefs.set(aName, value);
+ gPrefs.set(aName, aValue);
document.getElementById("proportional").value = aValue;
break;
}
body {
font-family: sans-serif;
+ background-color: #222222;
+ color: #FFFFFF;
}
h1 {
#settings {
display: none;
background-color: rgba(255, 255, 255, .8);
+ color: #000000;
+ border-radius: 3px;
+ border: 1px solid #FFFFFF;
+}
+
+#settings > legend {
+ background-color: #FFFFFF;
+ color: #000000;
+ border-radius: 3px;
}
#mainArea {
}
#mbrotImage {
- background-color: lightblue;
+ background-color: #444444;
}
@media screen and (max-width: 500px) {