NOVINKA! E-learningové kurzy umělé inteligence. Nyní AI za nejlepší ceny. Zjisti více:
NOVINKA – Víkendový online kurz Software tester, který tě posune dál. Zjisti, jak na to!

Diskuze: PNG - Donucení aby tvar, zůstal tvarem

Aktivity
Avatar
katrincsak
Člen
Avatar
katrincsak:30.1.2018 22:59

Zdravým,

udělal jsem si speciální menu za pomocí "map" a polygonu . Jakmile najedu do určitého bodu, tak jsem si za pomocí hoveru změnil obrázek jako efekt, každopádně jedná se o nepravidelné strany a vše musí do sebe zapadat. I přesto, že obrázek je uložen jako png, tak vytváří čtverec. Samozřejmě polygon funguje v pořádku, ale jde o samotný "img" který se zobrazí následně po najetí a tím se mi docela ruší polygon při přechodu z img opět do obrázku, který má polygon nastavený. I přesto, že png má pozadí transparentní, tak se chová v praxi jako čtverec/obdelník. Objekty mám ve tvaru puzzle a tak nemohu docílit změny po najetí do přesného bodu z důvodu překrytí, kdyby se obrázek choval jako 100% png, tak je to ok.

Rád bych ukázal ukázku, ale z důvodu aut.práv nemohu.

Děkuji moc za rady

 
Odpovědět
30.1.2018 22:59
Avatar
katrincsak
Člen
Avatar
katrincsak:31.1.2018 9:43

Problém vyřeším za pomocí 3 vrstev a polygony nastavím na transparent, tím tedy skutečný obrázek bude pod transparentem a bude se to chovat jak má. Každopádně kdyby jste měli někdo řešení, rád se přiučím.

 
Nahoru Odpovědět
31.1.2018 9:43
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:23.4.2018 15:34

Mozna bys pro ukazku mohl pouzit jiny obrazek nebo jen obrysove.

Tvuj problem tak uplne nechapu.

Transparentni vrstvou se myslim mapove veci resi normalne. Na pozadi pak posouvas obrazek.
Jakoze mas obrazek pozadi + obrazek s obrazky zmen, ktery potom uz jen pozicujes. 2 vrstvy + 1 transparentni

 
Nahoru Odpovědět
23.4.2018 15:34
Avatar
katrincsak
Člen
Avatar
Odpovídá na Peter Mlich
katrincsak:3.5.2018 6:58

Je to již stará věc, ale jde o to. Že i když budeš mít "kolečko" v png kde máš okolo "kolečka" transparentní pozadí, tak to prohlížeč reálně stále vykresluje jako čtverec. Následně hover nereaguje až v samotném radiusu objektu (kolečka) ale na hraně celého obrázku, tedy chová se to jako čtverec.

 
Nahoru Odpovědět
3.5.2018 6:58
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:3.5.2018 11:08

Jo, proto se pouziva img mapa. A png tam mozna nefunguji, pouzivali se tusim jen gify. Kdo vi, jak je to ted.
https://www.zdrojak.cz/…ver-efektem/
http://netemsvetem.cz/…javascriptu/

https://diskuse.jakpsatweb.cz/?… --->
http://www.cezetmap.cz/…o/index.html

 
Nahoru Odpovědět
3.5.2018 11:08
Avatar
katrincsak
Člen
Avatar
Odpovídá na Peter Mlich
katrincsak:3.5.2018 12:14

Já jsem používal polygony a obrázky byly jako puzzle a ten výřez pro hover se nechoval jak bych chtěl. Jednalo se jen o problém toho png, ale jinak polygony na mapě fungovali v pořádku. Od té doby jsem dělal spoustu jiných věcí a už ani nevím co by tam mohlo být za jiný problém.

 
Nahoru Odpovědět
3.5.2018 12:14
Avatar
Peter Mlich
Člen
Avatar
Peter Mlich:3.5.2018 13:29

Na intervalu je to i s clankem. Tam pouzili css + js behaviour (coz je js pro hover pro stare IE ulozeny pres css)
https://www.interval.cz/…5/ukazka.htm

Vim, ze vyrezy zkouselo vic lidi, bylo tehdy toho plna diskuze jakpsatweb, ale nedelalo to dobrotu. Lepsi bylo cely obrazek pres css pozicovat.

Editováno 3.5.2018 13:29
 
Nahoru Odpovědět
3.5.2018 13:29
Děláme co je v našich silách, aby byly zdejší diskuze co nejkvalitnější. Proto do nich také mohou přispívat pouze registrovaní členové. Pro zapojení do diskuze se přihlas. Pokud ještě nemáš účet, zaregistruj se, je to zdarma.

Zobrazeno 7 zpráv z 7.