Spec-Zone.ru › OpenLayers

ol/style/Icon~Значок


import Icon from 'ol/style/Icon.js';

Устанавливает стиль значка для векторных объектов.

new Значок(options)

style/Icon.js, строка 82
Имя Тип Описание
anchor Массив.<число> (по умолчанию [0.5, 0.5])

Якорь. Значение по умолчанию — центр значка.

anchorOrigin IconOrigin (по умолчанию 'top-left')

Начальная точка якоря: bottom-left, bottom-right, top-left или top-right.

anchorXUnits IconAnchorUnits (по умолчанию 'fraction')

Единицы, в которых указана x-координата якоря. Значение 'fraction' означает, что x-координата — это доля от размера значка. Значение 'pixels' означает, что x-координата в пикселях.

anchorYUnits IconAnchorUnits (по умолчанию 'fraction')

Единицы, в которых указана y-координата якоря. Значение 'fraction' означает, что y-координата — это доля от размера значка. Значение 'pixels' означает, что y-координата в пикселях.

color Цвет | строка | undefined

Цвет для тонирования значка. Если не указан, значок останется без изменений.

crossOrigin null | строка | undefined

Атрибут crossOrigin для загружаемых изображений. Обратите внимание, что вам необходимо указать значение crossOrigin, если вы хотите получить доступ к пиксельным данным с помощью рендерера Canvas. Подробнее см. https://developer.mozilla.org/en-US/docs/Web/HTML/CORS_enabled_image.

img HTMLImageElement | HTMLCanvasElement | ImageBitmap | undefined

Объект изображения для значка.

displacement Массив.<число> (по умолчанию [0, 0])

Смещение значка в пикселях. Положительные значения сместят значок вправо и вверх.

opacity число (по умолчанию 1)

Непрозрачность значка.

width число | undefined

Ширина значка в пикселях. Нельзя использовать вместе с scale.

height число | undefined

Высота значка в пикселях. Нельзя использовать вместе с scale.

scale число | Размер (по умолчанию 1)

Масштаб.

rotateWithView логическое (по умолчанию false)

Нужно ли вращать значок вместе с представлением.

rotation число (по умолчанию 0)

Угол поворота в радианах (положительное значение — поворот по часовой стрелке).

offset Массив.<число> (по умолчанию [0, 0])

Смещение, которое вместе с size и offsetOrigin определяет подпрямоугольник для использования из исходного (спрайтового) изображения.

offsetOrigin IconOrigin (по умолчанию 'top-left')

Начальная точка смещения: bottom-left, bottom-right, top-left или top-right.

size Размер | undefined

Размер значка в пикселях. Используется вместе с offset для определения подпрямоугольника для использования из исходного (спрайтового) изображения.

src строка | undefined

URI источника изображения.

declutterMode Режим_облегчения_загрузки | undefined

Режим облегчения загрузки.

Расширяет

  • Стиль_изображения

Методы

clone(){Иконка}

style/Icon.js, строка 294

Клонирует стиль. Подлежащий Image/HTMLCanvasElement не клонируется.

Возвращает:
Клонированный стиль.

getAnchor(){Array.<number>}

style/Icon.js, строка 335

Получить точку привязки в пикселях. Привязка определяет центральную точку для символизма.

Возвращает:
Привязка.

getColor(){Цвет}

style/Icon.js, строка 405

Получить цвет иконки.

Возвращает:
Цвет.

getDeclutterMode(){Режим разгруженности} унаследованный

style/Image.js, строка 148

Получить режим разгруженности формы.

Возвращает:
Режим разгруженности формы

getDisplacement(){Array.<number>} унаследованный

style/Image.js, строка 139

Получить смещение формы.

Возвращает:
Смещение центра формы

getHeight(){number}

style/Icon.js, строка 532

Получить высоту иконки (в пикселях). Вернет undefined, если изображение иконки еще не загружено.

Возвращает:
Высота иконки (в пикселях).

getImage(pixelRatio){HTMLImageElement | HTMLCanvasElement | ImageBitmap}

style/Icon.js, строка 417

Получить изображение иконки.

Имя Тип Описание
pixelRatio число

Масштаб пикселей.

Возвращает:
Элемент изображения или холста. Если стиль иконки был сконфигурирован с помощью src или с не загруженным img, будет возвращено ImageBitmap.

getOpacity(){число} унаследованный

style/Image.js, строка 95

Получить непрозрачность символизма.

Возвращает:
Непрозрачность.

getOrigin(){Array.<number>}

style/Icon.js, строка 462

Получить начало символизма.

Возвращает:
Начало.

getPixelRatio(pixelRatio){число}

style/Icon.js, строка 428

Получить масштаб пикселей.

Имя Тип Описание
pixelRatio число

Масштаб пикселей.

Возвращает:
Масштаб пикселей изображения.

getRotateWithView(){логическое} унаследованный

style/Image.js, строка 104

Определить, вращается ли символ вместе с картой.

Возвращает:
Вращение с картой.

getRotation(){число} унаследованный

style/Image.js, строка 113

Получить поворот символизма.

Возвращает:
Поворот.

getScale(){число | Размер} унаследованный

style/Image.js, строка 122

Получить масштаб символизма.

Возвращает:
Масштаб.

getSize(){Размер}

style/Icon.js, строка 507

Получить размер иконки (в пикселях).

Возвращает:
Размер изображения.

getSrc(){строка | undefined}

style/Icon.js, строка 497

Получить URL изображения.

Возвращает:
Имя файла изображения.

getWidth(){число}

style/Icon.js, строка 516

Получить ширину иконки (в пикселях). Вернет undefined, если изображение иконки еще не загружено.

Возвращает:
Ширина иконки (в пикселях).

load()

style/Icon.js, строка 571

Загрузить еще не загруженный URI. При отрисовке объекта с стилем иконки, рендерер векторов автоматически вызовет этот метод. Однако, вы можете вызвать этот метод самостоятельно для предварительной загрузки или других целей.

setAnchor(anchor)

style/Icon.js, line 395

Установите точку якоря. Якорь определяет центральную точку для символизатора.

Имя Тип Описание
anchor Array.<number>

Якорь.

setDisplacement(displacement) унаследованный

style/Image.js, строка 229

Установите смещение.

Имя Тип Описание
displacement Array.<number>

Смещение.

setOpacity(opacity) унаследованный

style/Image.js, строка 239

Установите непрозрачность.

Имя Тип Описание
opacity number

Непрозрачность.

setRotateWithView(rotateWithView) унаследованный

style/Image.js, строка 249

Установите, следует ли поворачивать стиль вместе с представлением.

Имя Тип Описание
rotateWithView boolean

Поворачивать вместе с картой.

setRotation(rotation) унаследованный

style/Image.js, строка 259

Установите угол поворота.

Имя Тип Описание
rotation number

Угол поворота.

setScale(scale)

style/Icon.js, строка 550

Установите масштаб.

Имя Тип Описание
scale number | Размер

Масштаб.

© 2005-present, OpenLayers Contributors All rights reserved.Licensed under the BSD 2-Clause License.
https://openlayers.org/en/latest/apidoc/module-ol_style_Icon-Icon.html

Spec-Zone.ru

Настройки Оффлайн Что нового Помощь О нас
Spec-Zone .ru
спецификации, руководства, описания, API