Context Navigation

Editing Nl:Help/Styles/Images

Adjust edit area height: Edit side-by-side

[[TranslatedPages(revision=3)]]
= Afbeeldingen opnemen in stijlen =

== URL voor de afbeelding ==
Er zijn verschillende manieren om naar een afbeelding te verwijzen in stijlen:

Ingebouwde afbeeldingen:: U kunt verwijzen naar de ingebouwde afbeeldingen. Pak het bestand `josm-*.jar` uit met een programma dat een ZIP-archief kan uitpakken om door de beschikbare pictogrammen te bladeren. De bestanden van de afbeeldingen zijn geplaatst in de submap `images`. Laat de eerste map weg in het bestandspad (niet `images/icons/restaurant.png`, maar `icons/restaurant.png`). Voorbeeld:
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "icons/restaurant.png";
}
}}}
 Lokale afbeeldingen:: Geef het pad op van een afbeeldingsbestand op het lokale bestandssysteem, ofwel absoluut of relatief naar het huidige bestand `.mapcss`. Voorbeeld:
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "/home/username/osm/my-restaurant.png";
}
}}}
 of
{{{#!mapcss
node[amenity=restaurant] {
    icon-image: "my-restaurant.png";
}
}}}
 URL van een afbeelding op een server op afstand:: Volledige URL van ene afbeelding vanaf het web. Zorg er voor dat direct linken is toegestaan door de eigenaar van de website. De afbeeldingen worden op aanvraag geladen en in de cache op de cliëntcomputer geplaatst (gewoonlijk voor één week).
{{{#!mapcss
node {
    icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png";
}
}}}
 Afbeeldingen binnen een ZIP-archief:: Het is mogelijk uw stijl en alle vereiste bronnen daarvoor te verpakken in een ZIP-archief, om eenvoudig te kunnen delen. Wanneer de gebruiker het ZIP-bestand laadt als een stijl, JOSM zal automatisch het bestand `.mapcss` in het archief detecteren en alle afbeeldingen zoeken.
{{{#!mapcss
node {
    icon-image: "afbeeldings/bestand/in/archief.png";
}
}}}
 Ingebedde gegevens voor een afbeelding:: `data:`-URL overeenkomstig [http://www.ietf.org/rfc/rfc2397.txt RFC2397]. Voorbeelden:
{{{#!mapcss
node {
    icon-image: "data:image/png;base64,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";
}
}}}
 of
{{{#!mapcss
node {
    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>";
}
}}}
 Afbeeldingen op de wiki van OSM:: Afbeeldingsbestanden van de wiki van OSM kunnen op een speciale manier worden gelinkt. Dit wordt verondersteld compatibel te zijn met de tag `wiki:symbol`, zie [osmwiki:DE:Hiking DE:Hiking]. Voorbeeld:
{{{#!mapcss
node {
    icon-image: "wiki://Symbol_Jakobsweg.png";
}
}}}
== Indelingen van afbeeldingen ==
=== Rasterindelingen ===
JOSM kan de volgende rasterindelingen weergeven: `PNG`, `JPEG`, `GIF` en `BMP`.[[br]]
(In principe alle indelingen die worden ondersteund door de Java Runtime Environment v. 6)

=== Vectorindelingen ===
Er is ook basale ingebouwde ondersteuning voor ''scalable vector graphics'' (`SVG`). De meeste `SVG`-afbeeldingen zouden correct moeten worden gerenderd, maar in sommige gevallen zou het resultaat fouten kunnen bevatten. Dit vanwege de beperkingen in de gebruikte [https://svgsalamander.java.net/ SVG-bibliotheek].

Eén ding waar u zeker van kunt zijn is dat het renderen consistent is op alle systemen. Dus het resultaat ziet er OK uit, of niet.

In het geval het er niet goed uitziet, converteer dan d afbeelding `SVG` handmatig naar `PNG` of probeer de `SVG` te "vereenvoudigen" op ene manier waardoor die kan worden afgehandeld door JOSM.

Note: See WikiFormatting and TracWiki for help on editing wiki content.

Change information

Your email or username:

E-mail address and name can be saved in the Preferences

Comment about this change (optional):

Note: See TracWiki for help on using the wiki.