Залить недостающие края заданным цветом

This commit is contained in:
2022-08-31 00:59:29 +06:00
parent 0a25d99934
commit b25a97e68a
5 changed files with 50 additions and 10 deletions

View File

@ -21,22 +21,22 @@ function trt(key)
}
//Расширить плитку чтобы она занимала всю штртну области
//margin - С права и слева по одному пикселю (умножается на 2)
function resizeDivTile(parent,minWidth)
{
if(typeof parent == 'string') parent=document.getElementById(parent);
if(parent==null) return;
let margin=2; //С права и слева по одному пикселю то получается два
let dx=Math.floor(parent.offsetWidth/(minWidth+margin));
let dx=Math.floor(parent.offsetWidth/(minWidth));
//console.log("parent.offsetWidth="+parent.offsetWidth+" minWidth="+minWidth+" margin="+margin+" dx="+dx);
let addW=0;
for(let i=0;i<minWidth+margin+2;i++)
for(let i=0;i<minWidth+2;i++)
{
if(dx>=parent.offsetWidth/(minWidth+margin+i))
if(dx>=parent.offsetWidth/(minWidth+i))
{
addW=i-1;
console.log("addW="+addW+" parent.offsetWidth/(minWidth+margin+i)="+(parent.offsetWidth/(minWidth+margin+i)));
//console.log("addW="+addW+" parent.offsetWidth/(minWidth+margin+i)="+(parent.offsetWidth/(minWidth+margin+i)));
break;
}
}
@ -50,10 +50,10 @@ function resizeDivTile(parent,minWidth)
}
//console.log("minWidth+addW="+(minWidth+addW));
//Центрирую, путем добавления пространства с права
parent.style.paddingLeft = Math.floor((parent.offsetWidth-(dx*(minWidth+margin+addW)))/2) + "px";
//Центрирую, путем добавления пространства с лева
parent.style.paddingLeft = Math.floor((parent.offsetWidth-(dx*(minWidth+addW)))/2) + "px";
//console.log("parent.style.paddingLeft="+parent.style.paddingLeft+" calc="+(Math.floor((parent.offsetWidth-(dx*(minWidth+margin+addW)))/2)));
//console.log("parent.style.paddingLeft="+parent.style.paddingLeft+" calc="+(Math.floor((parent.offsetWidth-(dx*(minWidth+addW)))/2)));
}
//Получить уникальный идентификатор в рамках текущего NAMESPACE из глобальной переменной