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


Ignore:
Timestamp:
2018-01-06T17:10:16+01:00 (8 years ago)
Author:
ak099
Comment:

--

Legend:

Unmodified
Added
Removed
Modified

  • Ru:Help/Styles/Images

    v1 v1  
     1[[TranslatedPages(revision=6,outdated=Перевод не завершён)]]
     2= Включение изображений в стили =
     3
     4== Image-URL ==
     5Существуют различные способы указать ссылки на изображения в стилях:
     6
     7 Изображения, входящие в состав стиля:: Можно сослаться на встроенные в стиль изображения. Для обзора доступных значков распакуйте файл `josm-*.jar` любой программой, умеющей работать с zip-архивами. Файлы изображений расположены в подпапке `images`. Пропустите первую папку в пути к файлу (не `images/presets/food/restaurant.svg`, а `presets/food/restaurant.svg`). Пример:
     8{{{#!mapcss
     9node[amenity=restaurant] {
     10    icon-image: "presets/food/restaurant.svg";
     11}
     12}}}
     13 Локальные изображения:: Укажите путь к файлу изображения в локальной файловой системе, абсолютный или относительный к текущему файлу `.mapcss`. Пример:
     14{{{#!mapcss
     15node[amenity=restaurant] {
     16    icon-image: "/home/username/osm/my-restaurant.png";
     17}
     18}}}
     19 или
     20{{{#!mapcss
     21node[amenity=restaurant] {
     22    icon-image: "my-restaurant.png";
     23}
     24}}}
     25 URL изображения на удалённом сервере:: Полный URL изображения из WWW. Убедитесь, что прямые ссылки разрешены владельцем сервера. Изображения скачиваются по запросу и кэшируются на клиентском компьютере (обычно в течение одной недели).
     26{{{#!mapcss
     27node {
     28    icon-image: "https://upload.wikimedia.org/wikipedia/en/9/9d/Commons-logo-31px.png";
     29}
     30}}}
     31 Изображения внутри zip-архива:: Вы можете упаковать свой стиль и все требуемые ресурсы в zip-архив, чтобы упростить распространение стиля. Когда пользователь скачивает zip-файл стиля, JOSM автоматически обнаруживает файл `.mapcss` внутри архива и находит все изображения.
     32{{{#!mapcss
     33node {
     34    icon-image: "image/file/within/archive.png";
     35}
     36}}}
     37 Изображения, встроенные в URL:: `data:`-URL в соответствии с [http://www.ietf.org/rfc/rfc2397.txt RFC2397]. Пример:
     38{{{#!mapcss
     39node {
     40    icon-image: "data:image/png;base64,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";
     41}
     42}}}
     43 или
     44{{{#!mapcss
     45node {
     46    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>";
     47}
     48}}}
     49 Изображения в OSM-Wiki:: Ссылки на файлы изображений из OSM-wiki создаются особым способом. Они должны быть совместимы с тегом `wiki:symbol`, см. [osmwiki:DE:Hiking DE:Hiking]. Пример:
     50{{{#!mapcss
     51node {
     52    icon-image: "wiki://Symbol_Jakobsweg.png";
     53}
     54}}}
     55== Форматы изображений ==
     56=== Растровые форматы ===
     57JOSM умеет отображать следующие растровые форматы: `png`, `jpeg`, `gif` и `bmp`.[[br]]
     58(В основном, все форматы, которые поддерживаются в Java Runtime Environment v. 6)
     59
     60=== Векторные форматы ===
     61Имеется также встроенная поддержка формата ''scalable vector graphics'' (`svg`). svg icons are preffered over raster format icons because of lossless scaling on hidpi screens. Most `svg`-images should be rendered correctly, but in some cases the result may be flawed. This is due to limitations of the used [https://svgsalamander.java.net/ svg-library].
     62
     63One thing you can be sure of, is that the rendering is consistent on all systems. So either the result looks OK, or it does not.
     64
     65In case it does not, try to "simplify" the `svg` in a way that it can be handled by JOSM. See also the svg related hints at [wiki:DevelopersGuide/DefaultPresets#NewIcons]