Spec-Zone.ru › MapLibre GL JS

ImageSourceWarp

ImageSourceWarp = "auto" | "perspective" | "flat"

Experimental

Как ImageSource преобразует изображение, накладывая его на четыре заданные координаты, если они не образуют прямоугольник.

  • perspective отображает изображение как перспективный вид плоскости — именно так следует отображать фотографии с геопривязкой и любые другие изображения плоских сцен: прямые линии на изображении остаются прямыми, а изображение сжимается в направлении более удалённого края.
  • flat интерполирует изображение между четырьмя координатами билинейно, закрепляя его, словно резиновую плёнку. Это подходит для изображений, форму которых изменяют вручную: каждый угол перемещает изображение только вблизи себя, и результат остаётся стабильным независимо от того, насколько далеко отведён угол. Прямые линии на изображении остаются прямыми, только если они параллельны его краям; сжатия в перспективе нет — аналогично CSS-свойству transform-style: flat.
  • auto, используемое по умолчанию, работает как perspective, пока координаты правдоподобно задают перспективный вид, и плавно переходит к flat, когда это перестаёт быть так. Это происходит, когда угол приближается к диагонали между двумя соседними углами.

Если координаты вообще не задают перспективный вид — образуют вогнутый или самопересекающийся четырёхугольник либо лежат на одной прямой, — изображение всегда отображается без перспективы независимо от выбранного варианта.

© MapLibre contributors
Licensed under the 3-Clause BSD License.
https://maplibre.org/maplibre-gl-js/docs/API/type-aliases/ImageSourceWarp/

Spec-Zone.ru

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