웹마스터 팁

ActiveX 플래시 이미지캡쳐 컨트롤 iFlower  

플래시로 꾸미기라든지 그림을 만들경우 그 그림을 swf파일로만 사용하게 됩니다. 게시판에서 또는 프로그램을 작성해서 꾸민 결과물을 JPG, GIF, BMP 파일로 저장할 수 있는 기능을 가진 이미지캡쳐 컨트롤입니다.

사용분야에는 미니룸, 아바타, 등 DIV 태그로 지정된 블럭을 캡쳐하여 파일로 저장한다거나 플래시 드로잉 게시판 등에 이용 가능합니다.

샘플 파일

http://download.made21.com/ax/iCapture.html

플래시 꾸미기 샘플

http://www.flogblog.com/


스크립트 파일과 대상 타겟의 id를 지정하여 출력할 MIME타입, 파일 포맷, 이미지 크기를 지정하여 출력가능합니다.
소스를 참고하시고 사용하시면 됩니다.

이 프로그램은 비상업, 상업적으로 무료로 사용하실 수 있으며 별도 개발을 원하시면 atmark@made21.com 으로 연락주시기 바랍니다.

캡쳐버튼을 클릭하시면 C:cap.gif 와 파일 지정한 곳에 이미지파일이 생성됩니다.


<SCRIPT>
  function iCapture_TakeSnapshot() {

  iCaptureAX.TakeSnapshot(document.getElementById("fff"), "image/jpeg", "", 60, 60);
// 이미지 캡쳐 오브젝트 ttt 를 jpg로 출력
  iCaptureAX.TakeSnapshot(document.getElementById("ggg"), "image/gif", "c:cap.gif", 400, 300);
// 이미지 캡쳐 오브젝트 ggg 를 gif로 c:cap.gif로 출력
  }
</SCRIPT>

<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,29,0" name="ggg" width="400" height="300" id="ggg">
<!-- id ggg로 설정하여 플래시 애니메이션을 캡쳐할 이미지로 정의 -->
<param name="movie" value="http://www.izine.net/deco/decoView.swf?c_id=8961">

<param name="quality" value="high">

<embed src="http://www.izine.net/deco/decoView.swf?c_id=8961" width="400" height="300" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" name="ggg"></embed>

</object>

<OBJECT id="iCaptureAX"   classid="CLSID:69E937ED-AC7E-407D-B40B-6545B1EECDE7"   codebase="http://download.made21.com/ax/iFlower.cab#Version=1,0,4,0"  width="0" height="0">
</OBJECT>
<!-- iCaptureAX 컨트롤 실행 -->

<img id="fff" src="hgi.gif" width="60" height="60">
<!-- id fff로 설정하여 GIF 애니메이션을 캡쳐할 이미지로 정의 -->

<INPUT type="button" value="Capture" onclick="return iCapture_TakeSnapshot()">
<!-- 폼 버튼 필드로 스냅샷 기능을 정의 -->
<P>