페이지 뷰에서 확대 축소할때 확대되거나 축소된 크기를 반환하는 이벤트

게시글

확대축소를 하기위한 설정부분

폰갭을 사용하다보면 처음에 셋팅되어 있는것이 확대 축소를 할수 없게 되어있다 이때문에 이미지 확대축소 하기가 어려운부분이있다 package ****.****.****; import org.apache.cordova.*; import android.webkit.WebView; import android.webkit.WebSettings; import android.webkit.WebSettings.ZoomDensity; public class MainActivity extends CordovaActivity { @Override public void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); // Set by in config.xml loadUrl(launchUrl); WebView webView = (WebView) appView.getEngine().getView(); WebSettings settings = webView.getSettings(); settings.setBuiltInZoomControls(true); settings.setSupportZoom(true); } } ​ 빨강색으로 체크한부분의 소스를 추가 하면 확대축소를 사용할수 있게된다 이때 확대축소할때 돋보기 버튼이 나오게 되는데 사실 난 별로 이뻐보이지 않는다 그래서 빼고자 했더니 설정부분을 바꾸면 간단하게 되는 부분이 있다 settings.setSupportZoom(true); settings.setDisplayZoomControls(false);//돋보기 제거 이렇게 하단에 추가하면 돋보기가 보여지지 않는다 ​ 해당옵션들을 확인하고자 할때 API를 참고하면 더자세히 나온다

웹상에서 화면 캡쳐하는 플러그인

html2canvas.hertzen.com

포토샵과 같은 응용프로그램으로 화면을 캡쳐하는것이아닌 웹상에서 웹화면을 캡쳐하는 방법입니다 자바스크립트를 활용한 방법이기 때문에 브라우저 내부화면만 캡쳐가능한 단점은 있지만 웹상에서 캡쳐하여 이미지로 저장할수있다는 점은 활용도가 아주 높은 기술입니다 이미지 편집할때 화면 합성과 같은 곳에 아주 유용하게 사용할수 있습니다

줌잇(ZoomIt) 화면 확대축소 프로그램

docs.microsoft.com

화면 확대 축소를 할수 있는 줌잇(ZoomIt) 프로그램입니다 교육 동영상 제작할때 특정부분을 확대하고 축소할때 사용하면 아주 좋습니다 또한 그리기 모드도 가능하여 강의할때 아주 유용합니다 유튜브동영상입니다 https://http://www.youtube.com/watch?v=KnAJDCGH0Qo 제작사는 마소여서 안정적인 프로그램입니다 접속하여 다운받아 사용하시면됩니다 ZoomIt.exe 파일을 다운받아 실행하면 설치없이 바로 사용가능합니다

게시글

팝업창 옆에 팝업창 띄우기

팝업창을 띄울때 top,left는 고정되는데 상대적인 위치에 팝업창을 띄우고자 할때 사용하는 방법 var nWidth = "260"; var nHeight = "430"; // 듀얼 모니터인경우 var curX = window.screenLeft; var curY = window.screenTop; var curWidth = document.body.clientWidth; var curHeight = document.body.clientHeight; var nLeft = curX + (curWidth / 2) - (nWidth / 2); var nTop = curY + (curHeight / 2) - (nHeight / 2); var strOption = ""; strOption += "left=" + nLeft + "px,"; strOption += "top=" + nTop + "px,"; strOption += "width=" + nWidth + "px,"; strOption += "height=" + nHeight + "px,"; strOption += "toolbar=no,menubar=no,location=no,"; strOption += "resizable=yes,status=yes"; window.open(src, '', strOption);

게시글

이미지 변경하기 attr()

태그내 속성을 변경하고자 할때 사용하는 attr()함수이다 이미지 변경 뿐만아니라 클래스명 변경 사이즈변경 모든것이 가능하다 이미지 변경하는 방법 마우스 오버시 이미지주소1로 변경된다 $("#_index_banner").attr("src","이미지주소1");

게시글

테이블 사이즈 고정하는 css table-layout:fixed

테이블의 내용에 따라 테이블이 유동적으로 변하는 경우가 있다 이때 고정하고 싶은 경우가 있다 이때 사용하는 스타일이다 table-layout:fixed 이걸 사용하면 테이블의 사이즈가 고정되어 내용이 길어질 경우 짤린 부분은 감춰지는 효과가 있다

게시글

리스너 형탱로 클릭이벤트 호출하는 방법

라이오 버튼를 클릭했을때 실행해주는 방법이다 해당 이름으로 접근한후에 click()리스너를 통해서 이벤트를 처리하는 형식이다 선택1 선택2

게시글

페이지를 찾을수 없습니다 페이지 다른 페이질 이동시키는 방법

폰갭은 웹뷰를 기본적으로 사용하다보니 인터네에 연결된것이 전재가 되는경우가 많다 그러다 보면 인터넷이 연결되지 않은경우 페이지를 찾을수 없습니다라는 페이지가 뜨는경우가 있다 이렇게 되면 사용자들이 앱같은 생각보다는 브라우저같은 느낌이 들게되어 찾을수 없습니다라는 페이지 대신 다른 페이지를 띄우고 싶을때가 있다 아래 소스는 해당 소스이다 인터넷이 연결되지 않은경우 로컬파일를 호출하는 형태이다 webView.setWebViewClient(new WebViewClient(){ public void onReceivedError(WebView view, int errorCode,String description, String failingUrl) { webView.loadUrl("file:///android_asset/www/error.htm"); showNetworkError(); } });