|
|
@@ -1,4 +1,4 @@ |
|
|
|
function Изображения(корень) |
|
|
|
function Изображения(события, виды, корень) |
|
|
|
{ |
|
|
|
this.создать = function() |
|
|
|
{ |
|
|
@@ -11,6 +11,7 @@ function Изображения(корень) |
|
|
|
}; |
|
|
|
this.задано = {}; |
|
|
|
this.элементы = {}; |
|
|
|
события.подписать(this); |
|
|
|
}; |
|
|
|
|
|
|
|
this.создатьИлиПолучитьЭлемент = function(имя) |
|
|
@@ -38,6 +39,31 @@ function Изображения(корень) |
|
|
|
return эл; |
|
|
|
}; |
|
|
|
|
|
|
|
this.обновитьВид = function(имя, вид) |
|
|
|
{ |
|
|
|
/**/console.debug("ИГР Изображения.обновитьВ имя/вид", имя, вид); |
|
|
|
var эл = this.создатьИлиПолучитьЭлемент(имя); |
|
|
|
let за = виды.задано[вид]; |
|
|
|
for (let параметр in за) |
|
|
|
{ |
|
|
|
эл.style.setProperty(параметр, за[параметр]); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
this.обновитьРасположение = function(имя, x, y, угол) |
|
|
|
{ |
|
|
|
var за = this.задано[имя]; |
|
|
|
var эл = this.элементы[имя]; |
|
|
|
эл.style.left = `${x}px`; |
|
|
|
эл.style.top = `${y}px`; |
|
|
|
var transform = `rotate(${угол}deg) `; |
|
|
|
if (за["вид.transform"]) |
|
|
|
{ |
|
|
|
transform += за["вид.transform"]; |
|
|
|
} |
|
|
|
эл.style.transform = transform; |
|
|
|
}; |
|
|
|
|
|
|
|
this.обновитьЭлемент = function(имя, свойство, значение) |
|
|
|
{ |
|
|
|
if (!this.задано[имя]) |
|
|
@@ -68,25 +94,23 @@ function Изображения(корень) |
|
|
|
var угол = за.угол ? за.угол : ум.угол; |
|
|
|
this.обновитьРасположение(имя, x, y, угол); |
|
|
|
} |
|
|
|
else if (свойство.startsWith("вид")) |
|
|
|
else if (свойство == "вид") |
|
|
|
{ |
|
|
|
var параметр = свойство.substring(4); |
|
|
|
эл.style.setProperty(параметр, значение); |
|
|
|
this.обновитьВид(имя, значение); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
this.обновитьРасположение = function(имя, x, y, угол) |
|
|
|
this.обновитьЭлементыВида = function(вид) |
|
|
|
{ |
|
|
|
var за = this.задано[имя]; |
|
|
|
var эл = this.элементы[имя]; |
|
|
|
эл.style.left = `${x}px`; |
|
|
|
эл.style.top = `${y}px`; |
|
|
|
var transform = `rotate(${угол}deg) `; |
|
|
|
if (за["вид.transform"]) |
|
|
|
for (let имя in this.задано) |
|
|
|
{ |
|
|
|
transform += за["вид.transform"]; |
|
|
|
let заданныйВид = this.задано[имя]["вид"]; |
|
|
|
if (заданныйВид && заданныйВид == вид) |
|
|
|
{ |
|
|
|
/**/console.debug("ИГР Изображения.обработатьС обновитьВид имя/вид", имя, вид); |
|
|
|
this.обновитьВид(имя, вид); |
|
|
|
} |
|
|
|
} |
|
|
|
эл.style.transform = transform; |
|
|
|
}; |
|
|
|
|
|
|
|
this.обработатьКлюч = function(ключ, путь, значение) |
|
|
@@ -99,6 +123,16 @@ function Изображения(корень) |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
this.обработатьСобытие = function(событие) |
|
|
|
{ |
|
|
|
let префикс = "виды/"; |
|
|
|
if (событие.startsWith(префикс)) |
|
|
|
{ |
|
|
|
let вид = событие.substring(префикс.length); |
|
|
|
this.обновитьЭлементыВида(вид); |
|
|
|
} |
|
|
|
}; |
|
|
|
|
|
|
|
// Конструктор. |
|
|
|
this.создать(); |
|
|
|
} |