[OpenLayers] 현재화면을 PNG이미지와 World file PGW를 생성해 QGIS에 중첩하기

[OpenLayers] 현재화면을 PNG이미지와 World file PGW를 생성해 QGIS에 중첩하기 OpenLayers 응용개발로 진행중에 요청한 기능이 있습니다.각 벡터 데이터는 shp파일 등으로 내보내서 타 시스템 QGIS, ArcGIS, Global Mapper 등에서 사용하도록 하고 있습니다.관련글은 "<a title="새창으로 열림" href="https://cafe.naver.com/gisapplication/1045" target="_blank">[OpenLayers] shapefile 읽고 쓰기</a>"입니다. 이번에는 현재화면이나 래스터 분석화면 등을 PNG 이미지로 저장하여 QGIS등에서 읽을 수 있도록하는 기능입니다.PNG파일을 중첩하기 위해 World file PGW파일을 생성하는 예제입니다.각 이미지의 World file(TIF는 TFW, BMP는 BPW, JPG는 JGW등)은 "<a title="새창으로 열림" href="https://cafe.naver.com/gisapplication/275" target="_blank">Tif파일의 MBR좌표구하기 예제</a>"글을 참조하세요.(* 현 예제는 지도창의 전체 맵입니다, 래스터 레이어의 canvas를 이용한다고 투명도를 응용할 수 도있습니다.)*아래 동영상으로 사용방법을 요약합니다1. 현화면을 PNG와 PGW로 저장한다.2. 저장한 PNG를 QGIS에서 연다 (예제는 지도창을 EPSG:5179으로 사용하므로 이미지 레이어 좌표설정함)3. QGIS에서 동일 좌표계인 다음 카카오지도를 중첩해보았습니다.   예제는 지도창을 EPSG:5179으로 사용하므로 QGIS의 좌표설정함 <p style='margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>*참조 게시글 <table width="669" height="32" style="width: 669px; height: 32px;" bgcolor="#b7bbb5" border="0" cellspacing="1" cellpadding="1"><tbody><tr bgcolor="#ffffff"><td width="571"># 관련 시스템 <p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>1. [OL_LandLogics] 토지정보시스템 (IE에서는 느립니다. Chrome 사용권장)<p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>- 현재응용분야 : 안내시스템, 토지정보, 자가 인허가 등<span style="color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: 돋움; font-size: 15px; font-style: normal; font-weight: 400; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px; font-variant-ligatures: normal; font-variant-caps: normal; text-decoration-style: initial; text-decoration-color: initial;"><p style='margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; line-height: 1.2; text-indent: 0px; letter-spacing: normal; font-family: "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; -webkit-text-stroke-width: 0px;'>* 데모:   <a style="text-decoration: none;" href="http://www.gisapplication.kr/OL/LandLogics/" target="_blank">OL-LandLogics Version 2020</a> (<a style="text-decoration: none;" href="http://www.gisapplication.kr/FGIS_LandLogics/" target="_blank">FGIS_LandLogics</a>)<p style='margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'> <p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>2. [OL_WaterLogics] 상수도관망최적유지관리시스템<p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>- 현재응용분야 :  상수도, 하수도, 지하시설물 등<p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>* 데모:   <a style="text-decoration: none;" href="http://www.gisapplication.kr/OL_WaterLogics/" target="_blank">OL-WaterLogics Version 2020</a> <p style='margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'> <p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>3. [OL_FGIS/Pro] GIS범용시스템<p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>- 현재응용분야 :  입지분석, 전계강도분석, 차량관제 등<p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>* 데모:   <a style="text-decoration: none;" href="http://www.gisapplication.kr/OL/FGIS/" target="_blank">OL-FirstGIS/Professional Version 2020</a> <a title="새창으로 열림" style="text-decoration: none;" href="http://www.gisapplication.kr/OL_FGISPRO/" target="_blank">(OL_FGISPro)</a> <div style='text-transform: none; line-height: 1.2; text-indent: 0px; letter-spacing: normal; font-family: Consolas, "Courier New", monospace; font-size: 15px; font-style: normal; word-spacing: 0px; white-space: pre; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px; font-variant-ligatures: normal; font-variant-caps: normal; text-decoration-style: initial; text-decoration-color: initial;'><p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>4. [OL_SUN]태양광경제성분석시스템<p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>- 현재응용분야 :  응용분석 등<p style='font: 400 15px/1.2 "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; font-size-adjust: none; font-stretch: normal; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'>* 데모:   <a style="text-decoration: none;" href="http://www.gisapplication.kr/ol/sun/" target="_blank">OL-SUN Version 2020</a></div></td></tr></tbody></table> <p style='margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'> <p style='margin: 0px; padding: 0px; text-align: left; color: rgb(0, 0, 0); text-transform: none; text-indent: 0px; letter-spacing: normal; font-family: "Apple SD Gothic Neo", "맑은 고딕", "Malgun Gothic", 돋움, dotum, sans-serif; font-size: 15px; font-style: normal; font-variant: normal; font-weight: 400; text-decoration: none; word-spacing: 0px; white-space: normal; orphans: 2; widows: 2; background-color: rgb(255, 255, 255); -webkit-text-stroke-width: 0px;'> <img src="https://t1.daumcdn.net/cfile/cafe/99D1D2495F22DDF42B" class="txc-image" width="1024" style="clear: none; float: none;" border="0" vspace="1" hspace="1" data-filename="Save_PNG.png" exif="{}" actualwidth="1024" id="A_99D1D2495F22DDF42B132E"/> <img width="740" height="436" id="https://cafefiles.pstatic.net/MjAyMDA3MzBfMjI4/MDAxNTk2MTE5NDY5NDYz.VrXK8xMAewfBKcKmWb-QmuckllR6n_xDNZyl_7bFhtQg._fw0ol9TSlsregvmF3vollzMuxZ2y5JK7BINoAvqpyMg.GIF/Save_PNG.gif" style="width: 740px; height: 436px;" src="https://img1.daumcdn.net/relay/cafe/original/?fname=https%3A%2F%2Fcafefiles.pstatic.net%2FMjAyMDA3MzBfMjI4%2FMDAxNTk2MTE5NDY5NDYz.VrXK8xMAewfBKcKmWb-QmuckllR6n_xDNZyl_7bFhtQg._fw0ol9TSlsregvmF3vollzMuxZ2y5JK7BINoAvqpyMg.GIF%2FSave_PNG.gif"> <iframe id="vcf43jwp1pKKHPHWj1ofaWj@my" width="640" height="360" src="https://kakaotv.daum.net/embed/player/cliplink/vcf43jwp1pKKHPHWj1ofaWj@my?service=daum_cafe&ptoken=v2_9264b1fc8c6c29e117fa9fbb5f7b4e46839906c11c6f808435ca6c93e91286477b08b10b1fa3aee968cef73373e162f739e20dc07a38bcd89ee6ea8a04" frameborder="0" scrolling="no" allowfullscreen></iframe>   *주요 소스는 원본에만 첨부하여 수정관리합니다 : <a href="https://cafe.naver.com/gisapplication/1088" target="_blank">https://cafe.naver.com/gisapplication/1088</a><table width="697" height="32" style="width: 697px; height: 32px;" bgcolor="#b7bbb5" border="0" cellspacing="1" cellpadding="1"><tbody><tr bgcolor="#ffffff"><td width="571"> </td></tr></tbody></table>