zoom

Typeboolean

Defaultfalse

Added inv4.0.0

핫스팟에 스케일을 적용해서 배경 파노라마 이미지의 크기 변화와 동일하게 크기를 조절합니다.

false일 경우 핫스팟 엘리먼트는 카메라 줌 정도에 상관없이 동일한 크기를 유지합니다.
true일 경우 핫스팟 엘리먼트가 카메라 줌 정도에 맞춰 크기를 변경합니다.

예시

차이를 확인하시기 쉽도록, 아래 예시들은 의도적으로 zoom이외에 다른 컨트롤을 비활성화했습니다.

zoom: false

1

• JSON
• Javascript
• React
• Angular
• Vue@2
• Vue@3
• Svelte

{
    rotate: false,
    gyro: false,
    hotspot: {
        zoom: false
    },
    projection: new CubemapProjection({
        src: [
            "/pano/cube/FishermansBastion/posx.jpg",
            "/pano/cube/FishermansBastion/negx.jpg",
            "/pano/cube/FishermansBastion/posy.jpg",
            "/pano/cube/FishermansBastion/negy.jpg",
            "/pano/cube/FishermansBastion/posz.jpg",
            "/pano/cube/FishermansBastion/negz.jpg"
        ],
    })
}

zoom: true

1

• JSON
• Javascript
• React
• Angular
• Vue@2
• Vue@3
• Svelte

{
    rotate: false,
    gyro: false,
    hotspot: {
        zoom: true
    },
    projection: new CubemapProjection({
        src: [
            "/pano/cube/FishermansBastion/posx.jpg",
            "/pano/cube/FishermansBastion/negx.jpg",
            "/pano/cube/FishermansBastion/posy.jpg",
            "/pano/cube/FishermansBastion/negy.jpg",
            "/pano/cube/FishermansBastion/posz.jpg",
            "/pano/cube/FishermansBastion/negz.jpg"
        ],
    })
}