Vyplňování polygonu šrafováním

Diskuse k nové verzi mapového API. Napište nám, co se vám na novém API libí či nelíbí a přispějte svými komentáři a připomínkami k jeho zdokonalení.
jan...@...
Příspěvky: 9
Windows NT 64 bits Google Chrome 58.0.302

Vyplňování polygonu šrafováním

odesláno v 25 kvě 2017 06:25

Dobrý den,
řeším mapovou kompozici, kde by bylo vhodné použít tento druh výplně. Je to možné?

Děkuji
Jan Spurný

ond...@...
Seznam vývojář
Příspěvky: 876
Ubuntu Linux 64 bits Firefox 53.0

Re: Vyplňování polygonu šrafováním

odesláno v 25 kvě 2017 09:17

Hezky den,

API sice primou podporu pro srafovani nepodporuje, ale protoze polygony jsou bezne SVG prvky, muzeme vyuzit veskerou masinerii, kterou s sebou SVG prinasi. Viz tato ukazka: http://jsfiddle.net/3ygdP/727/

Jako hodnotu atributu "color" jsem pouzil referenci na definovany styl vyplne. Tento je mozne bud rucne vlozit rovnou do HTML (znacky <svg>/<defs>/<pattern>), nebo dynamicky vytvorit JavaScriptem. Alternativne lze dokonce tyto styly mit v oddelenem souboru bokem a referencovat je pres color:"url(http://....soubor.svg#nazevStylu)".

SVG bohuzel nenabizi primou podporu pro srafovani (to bude az v SVG2), takze pro potreby ukazky jsem pouzil bezny SVG <pattern>. Vice o tomto konkretnim vzoru na https://stackoverflow.com/questions/13069446/simple-fill-pattern-in-svg-diagonal-hatching , odkud jsem kod opsal.

jan...@...
Příspěvky: 9
Windows NT 64 bits Google Chrome 59.0.307

Re: Vyplňování polygonu šrafováním

odesláno v 12 črc 2017 12:27

Dobrý den,
chtěl jsem se zeptat zda je možné přes definici svg změnit parametr červěně zakroužkovaný -> to znamená u každého prvku měnit průhlednost vyšrafování a né globálním nastavením stylu jak mám žlutě zvýrazněno.
https://ctrlv.cz/QJlA

Děkuji
Jan Spurný

ond...@...
Seznam vývojář
Příspěvky: 876
Ubuntu Linux 64 bits Firefox 54.0

Re: Vyplňování polygonu šrafováním

odesláno v 17 črc 2017 07:03

Hezky den,

jedna se o vlastnost "opacity" u konfiguracniho objektu (ctvrty parametr SMap.Geometry): http://api.mapy.cz/doc/symbols/SMap.Geometry.html#constructor

jan...@...
Příspěvky: 9
Windows NT 64 bits Google Chrome 59.0.307

Re: Vyplňování polygonu šrafováním

odesláno v 17 črc 2017 08:53

Díky moc, byl jsem zaslepený tím nastavováním opacity přes ty divy :-)

jan...@...
Příspěvky: 9
Windows NT 64 bits Google Chrome 60.0.311

Re: Vyplňování polygonu šrafováním

odesláno v 15 srp 2017 09:11

Dobrý den, chci se ještě zeptat, dá se udělat šrafovní například pod úhlem 45°? Našel jsem jen způsob na vodorovnou a svislou šrafůru
Děkuji
Jan Spurný

jak...@...
Seznam vývojář
Příspěvky: 55
Windows NT 64 bits Firefox 56.0

Re: Vyplňování polygonu šrafováním

odesláno v 17 srp 2017 14:20

Nalezl jsem například https://iros.github.io/patternfills/sample_svg.html Jinak tedy to už je věcí toho, co svedete či nesvedete s SVG, obávám se.

Zpět na Mapy API v4.0



cron