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


Ignore:
Timestamp:
2025-06-22T15:19:47+02:00 (7 weeks ago)
Author:
makmar
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • El:Help/Styles/Images

    v1 v1  
     1[[TranslatedPages(revision=9)]]
     2
     3= Ενσωμάτωση εικόνων σε τεχνοτροπίες =
     4
     5
     6== Διεύθυνση εικόνας ==
     7Υπάρχουν διάφοροι τρόποι να παραπέμψετε εικόνες μέσα σε τεχνοτροπίες:
     8
     9 Ενσωματωμένες εικόνες:: Μπορείτε να χρησιμοποιήσετε τις ενσωματωμένες εικόνες. Για να περιηγηθείτε στα διαθέσιμα εικονίδια, αποσυμπιέστε το αρχείο `josm-*.jar` χρησιμοποιώντας οποιοδήποτε πρόγραμμα που υποστηρίζει αρχεία zip. Οι εικόνες βρίσκονται στον υποφάκελο `images`. Παραλείψτε τον πρώτο φάκελο στη διαδρομή αρχείου (όχι το `images/presets/food/restaurant.svg`, αλλά το `presets/food/restaurant.svg`). Παράδειγμα:
     10{{{#!mapcss
     11node[amenity=restaurant] {
     12    icon-image: "presets/food/restaurant.svg";
     13}
     14}}}
     15
     16 Τοπικές εικόνες:: Δώστε τη διαδρομή ενός αρχείου εικόνας στο τοπικό σύστημα αρχείων, είτε απόλυτη είτε σχετική με το τρέχον αρχείο `.mapcss`. Παράδειγμα:
     17{{{#!mapcss
     18node[amenity=restaurant] {
     19    icon-image: "/home/username/osm/my-restaurant.png";
     20}
     21}}}
     22 ή
     23{{{#!mapcss
     24node[amenity=restaurant] {
     25    icon-image: "my-restaurant.png";
     26}
     27}}}
     28
     29 Διεύθυνση URL μιας εικόνας από απομακρυσμένο διακομιστή:: Πλήρης διεύθυνση URL μιας εικόνας από τον ιστό. Βεβαιωθείτε ότι η απευθείας σύνδεση γίνεται ανεκτή από τον ιδιοκτήτη του ιστότοπου. Οι εικόνες φορτώνονται κατόπιν αιτήματος και αποθηκεύονται προσωρινά στον υπολογιστή-πελάτη (για μία εβδομάδα, συνήθως).
     30{{{#!mapcss
     31node {
     32    icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png";
     33}
     34}}}
     35
     36 Εικόνες μέσα σε αρχείο zip:: Είναι δυνατό να συσκευάσετε την τεχνοτροπία σας και όλους τους απαιτούμενους πόρους σε ένα αρχείο zip, προκειμένου να απλοποιηθεί η διανομή. Όταν ο χρήστης φορτώνει το αρχείο zip ως τεχνοτροπία, το JOSM θα εντοπίσει αυτόματα το αρχείο `.mapcss` μέσα στο αρχείο και θα βρει όλες τις εικόνες.
     37{{{#!mapcss
     38node {
     39    icon-image: "image/file/within/archive.png";
     40}
     41}}}
     42
     43 Ενσωματωμένα δεδομένα εικόνας:: `data:`-URL σύμφωνα με το [http://www.ietf.org/rfc/rfc2397.txt RFC2397]. Παραδείγματα:
     44{{{#!mapcss
     45node {
     46    icon-image: "data:image/png;base64,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";
     47}
     48}}}
     49 ή
     50{{{#!mapcss
     51node {
     52    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>";
     53}
     54}}}
     55
     56 Εικόνες στο OSM-Wiki:: Τα αρχεία εικόνας από το OSM-wiki μπορούν να συνδεθούν με έναν ειδικό τρόπο. Αυτό υποτίθεται ότι είναι συμβατό με την Ετικέτα `wiki:symbol`, δείτε [osmwiki:DE:Hiking DE:Hiking]. Παράδειγμα:
     57{{{#!mapcss
     58node {
     59    icon-image: "wiki://Symbol_Jakobsweg.png";
     60}
     61}}}
     62
     63
     64== Μορφές εικόνων ==
     65=== Μορφές Raster ===
     66Το JOSM μπορεί να εμφανίσει τις ακόλουθες μορφές ράστερ: `png`, `jpeg`, `gif` και `bmp`. \\
     67(Βασικά όλες οι μορφές που υποστηρίζονται από το Java Runtime Environment)
     68
     69=== Διανυσματικές μορφές ===
     70Υπάρχει επίσης ενσωματωμένη υποστήριξη για κλιμακούμενα διανυσματικά γραφικά ''scalable vector graphics'' (`svg`). Τα SVG εικονίδια προτιμώνται έναντι των raster γιατί προσφέρουν χωρίς απώλειες μεγέθυνση σε οθόνες υψηλής ανάλυσης (HiDPI). Οι περισσότερες `svg` εικόνες θα πρέπει να αποδίδονται σωστά, αλλά σε ορισμένες περιπτώσεις το αποτέλεσμα μπορεί να είναι ελαττωματικό. Αυτό οφείλεται στους περιορισμούς της χρησιμοποιούμενης [https://svgsalamander.java.net/ svg-library].
     71
     72Ένα πράγμα για το οποίο μπορείτε να είστε σίγουροι, είναι ότι η απόδοση είναι συνεπής σε όλα τα συστήματα. Άρα είτε το αποτέλεσμα φαίνεται εντάξει είτε όχι.
     73
     74Σε περίπτωση που δεν είναι, προσπαθήστε να "απλοποιήσετε" το `svg` με τρόπο που να μπορεί να το χειριστεί το JOSM. Δείτε επίσης τις υποδείξεις που σχετίζονται με το svg στο [wikitr:/DevelopersGuide/DefaultPresets#NewIcons].
     75
     76
     77----
     78Πίσω στις [wikitr:/Styles Τεχνοτροπίες Χαρτών του JOSM]
     79
     80