изо

00125.изображения.js

@@ -0,0 +1,81 @@
+мир.изображения = {
+    умолчание: {
+        x: 0,
+        y: 0,
+        ширина: 100,
+        высота: 100,
+    },
+    задано: {},
+    элементы: {},
+};
+
+
+// // // //
+
+
+мир.ключники.push(function(ключ, путь, значение){
+    if (!ключ.startsWith("изображения"))
+    {
+        return;
+    }
+
+    var имя = путь[1];
+
+    if (!(имя in мир.изображения.задано))
+    {
+        мир.изображения.задано[имя] = {};
+    }
+
+    //var свойство = путь.slice(2).join(".");
+    var свойство = путь[2];
+    мир.изображения.задано[имя][свойство] = значение;
+    обновитьИзображение(путь, имя, свойство, значение);
+});
+
+
+// // // //
+
+
+function обновитьИзображение(путь, имя, свойство, значение)
+{
+    var за = мир.изображения.задано[имя];
+    var ум = мир.изображения.умолчание;
+    var эл = мир.изображения.элементы[имя];
+
+    if (!эл)
+    {
+        эл = document.createElement("div");
+        эл.id = `изображения-${имя}`;
+        эл.style.position = "absolute";
+        эл.style.display = "block";
+        document.body.appendChild(эл);
+        мир.изображения.элементы[имя] = эл;
+        // Свойства по умолчанию.
+        эл.style.left = `${ум.x}px`;
+        эл.style.top = `${ум.y}px`;
+        эл.style.width = `${ум.ширина}px`;
+        эл.style.height = `${ум.высота}px`;
+    }
+
+    if (свойство == "ширина")
+    {
+        эл.style.width = `${за.ширина}px`;
+    }
+    else if (свойство == "высота")
+    {
+        эл.style.height = `${за.высота}px`;
+    }
+    else if (свойство == "x")
+    {
+        эл.style.left = `${за.x}px`;
+    }
+    else if (свойство == "y")
+    {
+        эл.style.top = `${за.y}px`;
+    }
+    else if (свойство == "вид")
+    {
+        var параметр = путь[3];
+        эл.style.setProperty(параметр, значение);
+    }
+}