| | 1 | [[TranslatedPages(revision=9)]] |
| | 2 | = Inkluzivi bildojn en stiloj = |
| | 3 | |
| | 4 | |
| | 5 | == Bildo-URL == |
| | 6 | Estas diversaj manieroj referenci bildojn en stiloj: |
| | 7 | |
| | 8 | Enkonstruitaj bildoj:: Vi povas referenci la enkonstruitajn bildojn. Por foliumi la haveblajn ikonojn, elpaku la dosieron `josm-*.jar` kun iu ajn programo kiu povas trakti zip-arkivon. La bilddosieroj troviĝas en la subdosierujo `images`. Preterlasu la unuan dosierujon en la dosierindiko (ne `images/presets/food/restaurant.svg`, sed `presets/food/restaurant.svg`). Ekzemplo: |
| | 9 | {{{#!mapcss |
| | 10 | node[amenity=restaurant] { |
| | 11 | icon-image: "presets/food/restaurant.svg"; |
| | 12 | } |
| | 13 | }}} |
| | 14 | |
| | 15 | Lokaj bildoj:: Provizu la vojon de bilddosiero sur la loka dosiersistemo, aŭ absolute aŭ relative al la nuna `.mapcss` dosiero. Ekzemplo: |
| | 16 | {{{#!mapcss |
| | 17 | node[amenity=restaurant] { |
| | 18 | icon-image: "/home/username/osm/my-restaurant.png"; |
| | 19 | } |
| | 20 | }}} |
| | 21 | aŭ |
| | 22 | {{{#!mapcss |
| | 23 | node[amenity=restaurant] { |
| | 24 | icon-image: "my-restaurant.png"; |
| | 25 | } |
| | 26 | }}} |
| | 27 | |
| | 28 | URL de bildo sur fora servilo:: Plena URL de bildo el la reto. Certigu ke rektaj ligoj estas tolerataj de la retejposedanto. La bildoj estas ŝargitaj laŭbezone kaj kaŝitaj sur la klienta komputilo (por unu semajno, kutime). |
| | 29 | {{{#!mapcss |
| | 30 | node { |
| | 31 | icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png"; |
| | 32 | } |
| | 33 | }}} |
| | 34 | |
| | 35 | Bildoj ene de zip-arkivo:: Eblas paki vian stilon kaj ĉiujn necesajn rimedojn en zip-arkivon, por simpligi distribuadon. Kiam la uzanto ŝargas la zip-dosieron kiel stilon, JOSM aŭtomate detektos la `.mapcss` dosieron ene de la arkivo kaj trovos ĉiujn bildojn. |
| | 36 | {{{#!mapcss |
| | 37 | node { |
| | 38 | icon-image: "image/file/within/archive.png"; |
| | 39 | } |
| | 40 | }}} |
| | 41 | |
| | 42 | Enigita bilda datumaro:: `data:`-URL laŭ [http://www.ietf.org/rfc/rfc2397.txt RFC2397]. Ekzemploj: |
| | 43 | {{{#!mapcss |
| | 44 | node { |
| | 45 | icon-image: "data:image/png;base64,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"; |
| | 46 | } |
| | 47 | }}} |
| | 48 | aŭ |
| | 49 | {{{#!mapcss |
| | 50 | node { |
| | 51 | icon-image: "data:image/svg+xml,<svg><rect x='10' y='10' width='50' height='20' fill='white' stroke='blue' stroke-width='2px'/><line x1='18' y1='37' x2='50' y2='5' stroke='black' stroke-width='1.5px'/></svg>"; |
| | 52 | } |
| | 53 | }}} |
| | 54 | |
| | 55 | Bildoj sur la OSM-Vikio:: Bilddosieroj de la OSM-vikio povas esti ligitaj speciale. Ĉi tio supozeble estas kongrua kun la `wiki:symbol`-Etikedo, vidu [osmwiki:DE:Hiking DE:Hiking]. Ekzemplo: |
| | 56 | {{{#!mapcss |
| | 57 | node { |
| | 58 | icon-image: "wiki://Symbol_Jakobsweg.png"; |
| | 59 | } |
| | 60 | }}} |
| | 61 | |
| | 62 | |
| | 63 | == Bildaj formatoj == |
| | 64 | === Rastrumaj formatoj === |
| | 65 | JOSM povas montri la sekvajn rastrumajn formatojn: `png`, `jpeg`, `gif` kaj `bmp`. \\ |
| | 66 | (Esence ĉiuj formatoj kiuj estas subtenataj de la Java Runtime Environment) |
| | 67 | |
| | 68 | === Vektoraj formatoj === |
| | 69 | Estas ankaŭ enkonstruita subteno por ''skaleblaj vektoraj grafikaĵoj'' (`svg`). svg-ikonoj estas preferataj super rastrumaj formatoj pro senperda skalado sur hidpi-ekranoj. Plej multaj `svg`-bildoj devus esti renditaj korekte, sed en iuj kazoj la rezulto povus esti misa. Ĉi tio estas pro limigoj de la uzata [https://svgsalamander.java.net/ svg-biblioteko]. |
| | 70 | |
| | 71 | Unu afero pri kiu vi povas esti certa, estas ke la rendado estas konsekvenca sur ĉiuj sistemoj. Do aŭ la rezulto aspektas bone, aŭ ĝi ne aspektas bone. |
| | 72 | |
| | 73 | Se ĝi ne aspektas bone, provu "simpligi" la `svg` tiel ke ĝi povas esti traktita de JOSM. Vidu ankaŭ la svg-rilatajn konsilojn ĉe [wikitr:/DevelopersGuide/DefaultPresets#NewIcons]. |
| | 74 | |
| | 75 | |
| | 76 | ---- |
| | 77 | Reen al [wikitr:/Styles JOSM Mapaj Stiloj] |