2013-04-19 2 views
0

WinJS 스크롤 뷰가 작동하지 않음구현 방법 WinJS 스크롤 뷰가 작동하지 않음

winjs 응용 프로그램에서 scrollviewer를 사용하여 이미지 확대/축소 기능을 구현하는 방법은 무엇입니까? MSDN에서 샘플을 시도했지만 작동하지 않습니다. 도움이 될 것입니다.

답변

1

이미지 줌을 구현하려면 CSS 속성을 사용해야합니다. codeSHOW - http://codeshow.codeplex.com (소스 코드) 및 http://aka.ms/codeshowapp (Windows 8 앱)의 줌 데모에서이 작업을 수행했습니다.

그것은 다음과 같습니다는 '기본 줌'값을 설정하는 방법이 있는지

#container { 
    width:1000px; 
    height:600px; 
    overflow:scroll; 
    -ms-content-zooming:zoom; 
    -ms-content-zoom-limit-max:1000%; 
    -ms-content-zoom-limit-min:20%; 
} 
+0

당신은 아는가? – Alexander

+0

@ 제레미 : 멋진 :) 그리고 우리는 두 배 탭으로 확대 된보기를 어떻게 재설정합니까? CSS 또는 프로그래밍 방식으로도이 작업을 수행 할 수 있습니까? – philk

+0

JavaScript를 사용하여'# container' 요소의 확대/축소를 간단하게 설정할 수 있습니다. 요소를 선택한 다음 style 속성을 사용하고 zoom 속성을 사용하면됩니다. jQuery를 사용하고 있다면'$ ('# container') .css ('zoom', '100 %')'를 사용하고, 그렇지 않다면'document.getElementById ('container')와 같은 것을 사용한다. .style.zoom = '100 %' ' 사용자의 현재 확대/축소 수준을 저장할 수도 있습니다. 이 경우'zoom' 속성의 값을 저장하고 복원하고자 할 때마다 값을 설정하기를 원할 것입니다. –

관련 문제