Jeste by to slo prevest na vektorovy 2d nebo 3d obrazek. Asi to vykreslit do 3d pomoci bezierovych krivek nebo tak.
Příspěvky odeslané z IP adresy 2001:718:2601:26c:e154:91...–
Tezko posoudit.
Na obrazku zuzuje oblast. Otazkou je, podle jakeho pravidla. Kdyz oblast presahne min-sirku, tak tam misto 1 da 2 uzsi?
Nebo se jedna o jakysi objekt, ktery nekdo deformoval a deformaci samozrejme deformujes vse. V tom pripade by sis vzal asi kruhovy objekt, vybarvil gradientem rovnomerne. Zjistil podle okraju, kterymi smery ho deformoval na tuhle sisku (treba shoda tak 90% a 3 mozne smery deformace). A zdeformoval. Pri deformaci ti to pak takhle pekne sesklada.
Ale myslim si, ze jednodussi by byla ta moznost s vybarvovanim.
Pokud to mas zadani od nekoho, tak mu zkus popsat svuj postup a v cem se to bude lisit od zadani. Kdyz to schvali, dal nemusis resit. Jinak by musel rici, jak si to presne predstavuje.
Mno, stejne, pro vybarveni musis tuknout doprostred obrazku. Takze vis, jakou barvu budes prebarvovat. (nebo, v pripade gimpu lze zvolit interval, odstin barva+-cislo). Pri obkreslovani okraje pak jen pocitas vzdalenost od okraje a podle toho zvolis barvu, kterou tam das.
Nebo muzes jit klasicky flood-fill bod po bodu a pro kazdy si zjistit vzdalenost od okraje. Pro vybarveni pak pouzit nejnizsi cislo.
bod
...
.o.
...
Jsou vsechny tecky ve vzdalenosti +1 od bodu sede? Ano, pak barva+1 a hledej vzdalenost +2, zda jsou vsechny sede. Kdyz ne, vybarvi barvou+1, kdyz ano, pak pridej barva+2 a opet hledej 3...
Coz nejspis bude sice pomalejsi nez obkreslovani okraje, ale taky to jde.
Hlavne bys mel pracovat ve druhe vrstve a neprebarvovat hned obrazek.
1. Nedelej rozbalovaci menu. Na tabletu se to treba spatne ovlada a kdyz to prejde pres okraje, tak bys potrebovala soucasne odrolovat a mit rozbalene.
2. Nekopiruj z netu menu, ktere nefunguje. Najdi si funkcni. Se muzes zeptat treba na forku jakpsatweb.cz. Nebo googlu.
3. Cele bych to smazal a zacal znova
#nav-menu ul,
#nav-menu li
{
display:block; margin:0; padding:0;
}
#nav-menu ul
{
display:inline-block;
}
#nav-menu ul li
{
float:left;
}
#nav-menu ul li ul li
{
float:none;
}
#nav-menu ul li ul
{
position:absolute;
display:none;
}
#nav-menu ul li:hover ul
{
display:block;
}