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: 4
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: 851
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.

Zpět na Mapy API v4.0



cron