핀치 줌 (Pinch Zoom)

해결하고 싶은 문제

모바일 해상도에 최적화되지 않은 이미지등의 가독성이 떨어진다.

솔루션/패턴 설명

전송시점에 웹페이지 영역에 M2가 제공하는 핀치줌 기능을 삽입한다.

../../_images/dgm028.png

구현

  • pagefx 함수를 활성화한다.

  • pinchzoom 기능을 활성화 한 뒤 프론트엔드 라이브러리 삽입되도록 호출한다.

    https://video.example.com/view.html/pagefx/fxjs/true
    

장점/효과

  • 웹페이지를 일일이 수정하지 않고 핀치줌 기능을 추가한다.

  • 프론트엔드 스타일 충돌없이 도입이 가능하다.

  • 지속적으로 인터랙티브 요소를 추가할 수 있다.

주의점

CSS Selector 로 영역을 선택할 수 있어야 한다.

기타

실시간 웹페이지 편집 기능을 이용하면 최소한의 코드 변경까지 제거가 가능하다.