Panzoom: 기능: 팬 제한 또는 패딩 제한을 설정하는 기능

문제를 열어주셔서 감사합니다. 기능을 잘못 이해했다면 용서하십시오. 그러나 래퍼 요소를 추가하고 contain: 'inside' 사용하여 이를 수행할 수 없었습니까?

너무 빨리 돌아와 주셔서 감사합니다.

제가 contain: inside 완전히 이해하지 못한 것일 수도 있습니다. 내가 이해하는 한, panzoom 노드는 더 이상 부모의 직사각형 상자를 지나 확대/축소할 수 없지만 사용자가 확대할 수 있기를 원합니다. contain: inside 는 내 개체를 허용하지 않습니다. 뷰포트를 지나 확대합니다.

내 사용 사례: 나는 큰 해상도의 역사적 지도를 가지고 있습니다. 사용자가 이리저리 이동할 수 있기를 원합니다. 전체 개체를 보기에는 너무 크지만 사용자가 너무 멀리 밀어서 "지도를 잃어버리는" 것을 원하지 않습니다. contain: outside 처럼 들리지만 전체 확대/축소 제어, 완전히 축소하지만 확대하여 더 많은 것을 탐색할 수 있기를 바랍니다.

문제는 inside 및 outside 모두에서 발생하는 제한 사항이라고 생각합니다.

• inside 는 이미지가 뷰포트에 맞을 만큼 충분히 작다고 가정하고 그렇지 않은 경우 이상한 효과가 있습니다.
• outside 는 이미지가 최소한 전체 뷰포트를 차지해야 한다고 가정합니다.

여기서 이미지를 확대/축소 및 팬할 수 있는 contain: 'bounds' 를 상상할 수 있으며 이미지가 뷰포트보다 크고 가장자리 또는 모서리에 도달하면 해당 가장자리로 다시 팬됩니다.

이것은 고유한 동작처럼 들리며 라이브러리에 빌드하는 방법을 잘 모르겠습니다. panzoomzoom 이벤트에 바인딩하고 경계에 도달하면 포함 옵션을 '외부'로 변경할 수 있다고 생각 합니다. 컨테이너에 상대적인 요소의 크기에 따라 inside 와 outside 번갈아 사용하는 contain 대한 '자동' 옵션이 있었습니다. 컨테이너보다 작으면 'inside' , 더 크면 'outside' 됩니다. 이렇게 하면 이미지를 확대/축소할 수 있지만 항상 볼 수 있습니다. 어느 쪽이든, 나는 지금 이것을 투표 레이블에 남겨 둘 것입니다.

지난 이틀 사이를 전환하기 위해, 그 생각 건너 auctally 필자 이상 @timmywil inside 및 outside , 그러나 그것은에서가 예상대로로하지 작업 보인다 {contain: outside} 로 {contain: inside} 는 이미지를 한 위치에 잠그고 zoomIn() 및 zoomOut 가 포함 설정에 묶여 있는 것 같아서 zoomOut 실행할 수도 없습니다. 직접 발동하지 않는 한. 내가 간과하고 있는 설정이 있으면 알려주십시오.

contain: auto 라고 하는 단어가 정말 많은 것 같아요.

자동 기능에 대한 투표가 있다면 기꺼이 지원하겠습니다. :)