Changes between Initial Version and Version 1 of Nb:Help/Styles/Images


Ignore:
Timestamp:
2025-03-07T05:11:14+01:00 (11 months ago)
Author:
paleid
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • Nb:Help/Styles/Images

    v1 v1  
     1[[TranslatedPages(revision=9)]]
     2= Inkludere bilder i stiler =
     3
     4
     5== Bilde-URL ==
     6Det er forskjellige måter å referere til bilder i stiler:
     7
     8 Innebygde bilder:: Du kan referere til de innebygde bildene. For å bla gjennom tilgjengelige ikoner, pakk ut filen `josm-*.jar` med et hvilket som helst program som kan håndtere en zip-arkiv. Bildefilene ligger i undermappen `images`. Utelat den første mappen i filbanen (ikke `images/presets/food/restaurant.svg`, men `presets/food/restaurant.svg`). Eksempel:
     9{{{#!mapcss
     10node[amenity=restaurant] {
     11    icon-image: "presets/food/restaurant.svg";
     12}
     13}}}
     14
     15 Lokale bilder:: Angi banen til en bildefil på det lokale filsystemet, enten absolutt eller relativt til den gjeldende `.mapcss`-filen. Eksempel:
     16{{{#!mapcss
     17node[amenity=restaurant] {
     18    icon-image: "/home/username/osm/my-restaurant.png";
     19}
     20}}}
     21 eller
     22{{{#!mapcss
     23node[amenity=restaurant] {
     24    icon-image: "my-restaurant.png";
     25}
     26}}}
     27
     28 URL til et bilde på en ekstern server:: Full URL til et bilde fra nettet. Forsikre deg om at direkte lenker tolereres av nettstedseieren. Bildene lastes ned på forespørsel og caches på klientdatamaskinen (i én uke, vanligvis).
     29{{{#!mapcss
     30node {
     31    icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png";
     32}
     33}}}
     34
     35 Bilder i en zip-arkiv:: Det er mulig å pakke din stil og alle nødvendige ressurser i en zip-arkiv, for å forenkle distribusjon. Når brukeren laster zip-filen som en stil, vil JOSM automatisk oppdage `.mapcss`-filen i arkivet og finne alle bildene.
     36{{{#!mapcss
     37node {
     38    icon-image: "image/file/within/archive.png";
     39}
     40}}}
     41
     42 Innebygd bildedata:: `data:`-URL i henhold til [http://www.ietf.org/rfc/rfc2397.txt RFC2397]. Eksempler:
     43{{{#!mapcss
     44node {
     45    icon-image: "data:image/png;base64,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";
     46}
     47}}}
     48 eller
     49{{{#!mapcss
     50node {
     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 Bilder på OSM-wikien:: Bildefiler fra OSM-wikien kan lenkes på en spesiell måte. Dette er ment å være kompatibelt med `wiki:symbol`-taggen, se [osmwiki:DE:Hiking DE:Hiking]. Eksempel:
     56{{{#!mapcss
     57node {
     58    icon-image: "wiki://Symbol_Jakobsweg.png";
     59}
     60}}}
     61
     62
     63== Bildeformater ==
     64=== Rasterformater ===
     65JOSM kan vise følgende rasterformater: `png`, `jpeg`, `gif` og `bmp`. \\
     66(I hovedsak alle formater som støttes av Java Runtime Environment)
     67
     68=== Vektorformater ===
     69Det er også innebygd støtte for ''skalerbare vektorgrafikker'' (`svg`). svg-ikoner foretrekkes fremfor rasterformater på grunn av tapsfri skalering på hidpi-skjermer. De fleste `svg`-bilder bør rendres korrekt, men i noen tilfeller kan resultatet være mangelfullt. Dette skyldes begrensninger i den brukte [https://svgsalamander.java.net/ svg-biblioteken].
     70
     71En ting du kan være sikker på, er at renderingen er konsistent på alle systemer. Så enten ser resultatet bra ut, eller så gjør det ikke.
     72
     73Hvis det ikke ser bra ut, prøv å "forenkle" `svg`-filen slik at den kan håndteres av JOSM. Se også svg-relaterte tips på [wikitr:/DevelopersGuide/DefaultPresets#NewIcons].
     74
     75
     76----
     77Tilbake til [wikitr:/Styles JOSM Kartstiler]