Changes between Version 4 and Version 5 of Nl:Help/Styles/Images


Ignore:
Timestamp:
2016-02-15T11:33:12+01:00 (10 years ago)
Author:
anonymous
Comment:

replaced wikiprocessor mapccs (which doesn't exits) by css to display the examples in the text

Legend:

Unmodified
Added
Removed
Modified

  • Nl:Help/Styles/Images

    v4 v5  
    1 [[TranslatedPages(revision=3)]]
     1[[TranslatedPages(revision=4)]]
    22= Afbeeldingen opnemen in stijlen =
    33
    … …  
    66
    77 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:
    8 {{{#!mapcss
     8{{{#!css
    99node[amenity=restaurant] {
    1010    icon-image: "icons/restaurant.png";
    … …  
    1212}}}
    1313 Lokale afbeeldingen:: Geef het pad op van een afbeeldingsbestand op het lokale bestandssysteem, ofwel absoluut of relatief naar het huidige bestand `.mapcss`. Voorbeeld:
    14 {{{#!mapcss
     14{{{#!css
    1515node[amenity=restaurant] {
    1616    icon-image: "/home/username/osm/my-restaurant.png";
    … …  
    1818}}}
    1919 of
    20 {{{#!mapcss
     20{{{#!css
    2121node[amenity=restaurant] {
    2222    icon-image: "my-restaurant.png";
    … …  
    2424}}}
    2525 URL van een afbeelding op een server op afstand:: Volledige URL van een 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).
    26 {{{#!mapcss
     26{{{#!css
    2727node {
    2828    icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png";
    … …  
    3030}}}
    3131 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, zal JOSM automatisch het bestand `.mapcss` in het archief detecteren en alle afbeeldingen zoeken.
    32 {{{#!mapcss
     32{{{#!css
    3333node {
    3434    icon-image: "afbeeldings/bestand/in/archief.png";
    … …  
    3636}}}
    3737 Ingebedde gegevens voor een afbeelding:: `data:`-URL overeenkomstig [http://www.ietf.org/rfc/rfc2397.txt RFC2397]. Voorbeelden:
    38 {{{#!mapcss
     38{{{#!css
    3939node {
    4040    icon-image: "data:image/png;base64,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";
    … …  
    4242}}}
    4343 of
    44 {{{#!mapcss
     44{{{#!css
    4545node {
    4646    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>";
    … …  
    4848}}}
    4949 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:
    50 {{{#!mapcss
     50{{{#!css
    5151node {
    5252    icon-image: "wiki://Symbol_Jakobsweg.png";