YNU_JEUS/app_home/himed/webapps/com/sampleweb/xrw/51_라이브이미지 OCX 사용예제.xrw

<?xml version="1.0" encoding="EUC-KR"?>
<?xml-stylesheet type="text/css" href="../../../com/commonweb/css/common.css" ?>
<xhtml:html xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:xsd="http://www.w3.org/2001/XMLSchema" xmlns="http://www.w3.org/2002/01/xforms" xmlns:ev="http://www.w3.org/2001/xml-events">
	<xhtml:head>
		<xhtml:title>Untitle</xhtml:title>
		<model id="model1">
			<instance id="instance1">
				<root xmlns="">
					<main>
						<editimgelist>
							<editimge/>
						</editimgelist>
					</main>
					<temp>
						<imgelist>
							<!--imge0/>
			<imge1/>
			<imge2/>
			<imge3/>
			<imge4/>
			<imge5/>
			<imge6/>
			<imge7/>
			<imge8/>
			<imge9/-->
						</imgelist>
						<newElement/>
					</temp>
					<send>
					</send>
					<init>
						<selectnode>
							<fontfamily>굴림</fontfamily>
							<fontstyle>0</fontstyle>
							<fontsize>12</fontsize>
							<linkind>solid</linkind>
							<lineweight>2</lineweight>
							<fontcolor/>
							<backcolor/>
							<linecolor/>
							<imgenm/>
							<imgeno/>
							<viewmode>1</viewmode>
							<colorbt/>
						</selectnode>
					</init>
					<base64_1/>
					<MakeOneCanvas/>
					<base64_3/>
					<base64_2/>
					<base64_1_Add/>
					<base64_2_Add/>
					<base64_3_Add/>
					<base64/>
					<ViewMode/>
					<gridNum>0</gridNum>
					<ShapeString/>
					<MetaData/>
					<BitmapBase64/>
					<JpegBase64/>
					<Thumnail/>
					<ClipboardData/>
				</root>
			</instance>
			<script type="javascript" ev:event="xforms-ready">
				<![CDATA[
					fFormReady();					
				]]>
			</script>
			<submission id="TRMRF01901" mediatype="application/x-www-form-urlencoded" method="post" ref="/root/send" resultref="/root/main/indxlist"/>
		</model>
		<script type="javascript" src="../../../com/commonweb/js/common.js"/>
		<script type="javascript" src="../../../com/commonweb/js/tfHelper.js"/>
		<script type="javascript" src="../../../emr/commonweb/js/EMRCommon.js"/>
		<script type="javascript" src="../../../tmp/sampleweb/js/LiveImage.js"/>
	</xhtml:head>
	<xhtml:body guideline="2,752;1,529;2,20;1,1158;" style="background-color:#ffffff; margin-left:0; margin-top:0; margin-right:0; margin-bottom:0; ">
		<object id="obj_image" clsid="{72e5d9ed-0d6a-46e8-aead-23144bfef878}" style="left:0px; top:20px; width:530px; height:530px; background-color:#ffffff; "/>
		<group id="grup_bottom" overflow="hidden" style="left:0px; top:550px; width:530px; height:200px; ">
			<datagrid id="grd_imgelist" nodeset="/root/temp/imgelist" caption="^^^^^^^^^" colsep="^" mergecellsfixedrows="bycolrec" rowsep="|" selectionmode="bycol" style="left:0px; top:57px; width:530px; height:141px; ">
				<col ref="imge" visibility="hidden" style="left:0px; top:23px; width:100px; height:23px; border-style:none; "/>
				<script type="javascript" ev:event="onkeydown">
					<![CDATA[
						if (grd_imgelist.iscell(event.target) && event.keyCode == 46)
						{
							fDelImgeList();	
						}
					]]>
				</script>
				<script type="javascript" ev:event="ondblclick">
					<![CDATA[
						fDbClick();
					]]>
				</script>
			</datagrid>
			<button id="btn_point" class="icon_point" style="left:155px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.SetBaseSize(10, 10);
						obj_image.SetShapeStyle("border-color", "red");		
						obj_image.SetShapeStyle("border-width", "2");				
						obj_image.SelectDrawType(3, true);
						]]>
				</script>
				<hint>
					<![CDATA[표시]]>
				</hint>
			</button>
			<button id="btn_rect" class="icon_rect" style="left:105px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.SelectDrawType(2, true);
						obj_image.SetShapeStyle("border-width", "2");
						]]>
				</script>
				<hint>
					<![CDATA[사각형]]>
				</hint>
			</button>
			<button id="btn_select" class="icon_select" style="left:5px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.SelectDrawType(0, true);
						]]>
				</script>
				<hint>
					<![CDATA[선택]]>
				</hint>
			</button>
			<button id="btn_fontcolor" class="icon_font_color" style="left:280px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						if (colorpicker.visible) {
							colorpicker.visible = false;
						} else {
							var btnid = window.event.target;
							model.setValue("/root/init/selectnode/colorbt", btnid);
							colorpicker.visible = true;
						}
						]]>
				</script>
				<hint>
					<![CDATA[글색]]>
				</hint>
			</button>
			<button id="btn_line" class="icon_line" style="left:55px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.SelectDrawType(1, true);
						obj_image.SetShapeStyle("border-width", model.getValue("/root/init/selectnode/lineweight"));
						]]>
				</script>
				<hint>
					<![CDATA[선]]>
				</hint>
			</button>
			<button id="btn_del" class="icon_eraser" style="left:180px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.DeleteShape();
						]]>
				</script>
				<hint>
					<![CDATA[지우기]]>
				</hint>
			</button>
			<button id="btn_freeline" class="icon_freeline" style="left:80px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.SelectDrawType(5, true);
						obj_image.SetShapeStyle("border-width", model.getValue("/root/init/selectnode/lineweight"));
						]]>
				</script>
				<hint>
					<![CDATA[자유 곡선]]>
				</hint>
			</button>
			<button id="btn_bgcolor" class="icon_fill_color" appearance="button" style="left:305px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						if (colorpicker.visible) {
							colorpicker.visible = false;
						} else {
							var btnid = window.event.target;
							model.setValue("/root/init/selectnode/colorbt", btnid);
							colorpicker.visible = true;
						}
						]]>
				</script>
				<hint>
					<![CDATA[배경색]]>
				</hint>
			</button>
			<button id="btn_linecolor" class="icon_line_color" appearance="button" style="left:330px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						if (colorpicker.visible) {
							colorpicker.visible = false;
						} else {
							var btnid = window.event.target;
							model.setValue("/root/init/selectnode/colorbt", btnid);					
							colorpicker.visible = true;
						}
						]]>
				</script>
				<hint>
					<![CDATA[선색]]>
				</hint>
			</button>
			<button id="button11" class="icon_undo" style="left:230px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.Undo();
						]]>
				</script>
			</button>
			<button id="btn_text" class="icon_text" style="left:30px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.SelectDrawType(4, false);
						]]>
				</script>
				<hint>
					<![CDATA[글]]>
				</hint>
			</button>
			<button id="button12" class="icon_redo" style="left:255px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.Redo();
						]]>
				</script>
			</button>
			<button id="btn_drawcancel" class="icon_x" style="left:205px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.DeleteAllShape();
						]]>
				</script>
				<hint>
					<![CDATA[처음상태로]]>
				</hint>
			</button>
			<button id="btn_round" class="icon_round" style="left:130px; top:5px; width:23px; height:23px; ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						obj_image.SelectDrawType(3, false);
						obj_image.SetShapeStyle("border-width", "2");
						]]>
				</script>
				<hint>
					<![CDATA[원]]>
				</hint>
			</button>
			<shape id="roundrect3" class="roundrect_btnset" appearance="roundrect" style="left:0px; top:0px; width:530px; height:55px; "/>
			<select1 id="combo1" ref="/root/init/selectnode/fontfamily" appearance="minimal" style="left:40px; top:30px; width:75px; height:19px; ">
				<choices>
					<item>
						<label>굴림</label>
						<value>굴림</value>
					</item>
					<item>
						<label>굴림체</label>
						<value>굴림체</value>
					</item>
					<item>
						<label>돋움</label>
						<value>돋움</value>
					</item>
					<item>
						<label>돋움체</label>
						<value>돋움체</value>
					</item>
					<item>
						<label>궁서</label>
						<value>궁서</value>
					</item>
					<item>
						<label>궁서체</label>
						<value>궁서체</value>
					</item>
					<item>
						<label>바탕</label>
						<value>바탕</value>
					</item>
					<item>
						<label>바탕체</label>
						<value>바탕체</value>
					</item>
					<item>
						<label>HY그래픽</label>
						<value>HY그래픽</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-select">
					<![CDATA[
						obj_image.SetShapeStyle("font-family", model.getValue("/root/init/selectnode/fontfamily"));		
					]]>
				</script>
			</select1>
			<select1 id="combo2" ref="/root/init/selectnode/fontstyle" appearance="minimal" style="left:115px; top:30px; width:75px; height:19px; ">
				<choices>
					<item>
						<label>보통</label>
						<value>0</value>
					</item>
					<item>
						<label>굵게</label>
						<value>1</value>
					</item>
					<item>
						<label>기울임꼴</label>
						<value>2</value>
					</item>
					<item>
						<label>굵은 기울임꼴</label>
						<value>3</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-select">
					<![CDATA[
						var value = model.getValue("/root/init/selectnode/fontstyle");
						if(value == 0)	{
							obj_image.SetShapeStyle("font-weight", "normal");
							obj_image.SetShapeStyle("font-style", "");
						}
						else if (value == 1)	{
							obj_image.SetShapeStyle("font-weight", "bold");	
							obj_image.SetShapeStyle("font-style", "");	
						}
						else if (value == 2)	{
							obj_image.SetShapeStyle("font-weight", "normal");
							obj_image.SetShapeStyle("font-style", "italic");
						}
						else if (value == 3)	{
							obj_image.SetShapeStyle("font-weight", "bold");	
							obj_image.SetShapeStyle("font-style", "italic");	
						}
						
					]]>
				</script>
			</select1>
			<select1 id="combo3" ref="/root/init/selectnode/fontsize" appearance="minimal" style="left:190px; top:30px; width:50px; height:19px; ">
				<choices>
					<item>
						<label>6</label>
						<value>6</value>
					</item>
					<item>
						<label>7</label>
						<value>7</value>
					</item>
					<item>
						<label>8</label>
						<value>8</value>
					</item>
					<item>
						<label>9</label>
						<value>9</value>
					</item>
					<item>
						<label>10</label>
						<value>10</value>
					</item>
					<item>
						<label>12</label>
						<value>12</value>
					</item>
					<item>
						<label>14</label>
						<value>14</value>
					</item>
					<item>
						<label>16</label>
						<value>16</value>
					</item>
					<item>
						<label>18</label>
						<value>18</value>
					</item>
					<item>
						<label>20</label>
						<value>20</value>
					</item>
					<item>
						<label>24</label>
						<value>24</value>
					</item>
					<item>
						<label>28</label>
						<value>28</value>
					</item>
					<item>
						<label>32</label>
						<value>32</value>
					</item>
					<item>
						<label>36</label>
						<value>36</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-select">
					<![CDATA[
							obj_image.SetShapeStyle("font-size", model.getValue("/root/init/selectnode/fontsize"));		
					]]>
				</script>
			</select1>
			<caption id="caption7" class="cell_1" style="left:5px; top:30px; width:35px; height:19px; vertical-align:middle; ">글꼴</caption>
			<caption id="caption1" class="cell_1" style="left:240px; top:30px; width:50px; height:19px; vertical-align:middle; ">선종류</caption>
			<select1 id="combo4" ref="/root/init/selectnode/linkind" class="combo_default" appearance="minimal" style="left:290px; top:30px; width:75px; height:19px; ">
				<choices>
					<item>
						<label/>
						<value>none</value>
					</item>
					<item>
						<label>────</label>
						<value>solid</value>
					</item>
					<item>
						<label>‥‥‥‥</label>
						<value>dotted</value>
					</item>
					<item>
						<label>-------</label>
						<value>dashed</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-select">
					<![CDATA[
						obj_image.SetShapeStyle("border-style", model.getValue("/root/init/selectnode/linkind"));
					]]>
				</script>
			</select1>
			<select1 id="combo5" ref="/root/init/selectnode/lineweight" class="combo_default" appearance="minimal" style="left:365px; top:30px; width:75px; height:19px; ">
				<choices>
					<item>
						<label>1</label>
						<value>1</value>
					</item>
					<item>
						<label>2</label>
						<value>2</value>
					</item>
					<item>
						<label>3</label>
						<value>3</value>
					</item>
					<item>
						<label>4</label>
						<value>4</value>
					</item>
					<item>
						<label>5</label>
						<value>5</value>
					</item>
					<item>
						<label>7</label>
						<value>7</value>
					</item>
					<item>
						<label>10</label>
						<value>10</value>
					</item>
					<item>
						<label>15</label>
						<value>15</value>
					</item>
					<item>
						<label>20</label>
						<value>20</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-select">
					<![CDATA[
						obj_image.SetShapeStyle("border-width", model.getValue("/root/init/selectnode/lineweight"));
					]]>
				</script>
			</select1>
			<button id="button1" class="btn2_letter2" style="left:443px; top:30px; width:42px; height:19px; ">
				<caption>확인</caption>
				<script type="javascript" ev:event="onclick">
					<![CDATA[
					// fConfirm();
					var strShp = obj_image.GetShapeString();  
					alert(strShp);
					
					
					]]>
				</script>
			</button>
			<button id="button2" class="btn2_letter2" style="left:485px; top:30px; width:42px; height:19px; ">
				<caption>취소</caption>
				<script type="javascript" ev:event="onclick">
					<![CDATA[
					parent.window.close();
					]]>
				</script>
			</button>
			<group id="colorpicker" visibility="hidden" popup="false" style="left:235px; top:30px; width:162px; height:142px; background-color:transparent; ">
				<caption id="C34" style="left:27px; top:92px; width:15px; height:15px; vertical-align:middle; background-color:#ffcc99; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C23" style="left:122px; top:48px; width:15px; height:15px; vertical-align:middle; background-color:#800080; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C12" style="left:65px; top:27px; width:15px; height:15px; vertical-align:middle; background-color:#008000; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C2" style="left:27px; top:6px; width:15px; height:15px; vertical-align:middle; background-color:#993300; border-style:solid; ">
					<![CDATA[]]>
					<script id="script3" type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C35" style="left:46px; top:92px; width:15px; height:15px; vertical-align:middle; background-color:#ffff99; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C24" style="left:141px; top:48px; width:15px; height:15px; vertical-align:middle; background-color:#999999; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C13" style="left:84px; top:27px; width:15px; height:15px; vertical-align:middle; background-color:#008080; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C3" style="left:46px; top:6px; width:15px; height:15px; vertical-align:middle; background-color:#333300; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C36" style="left:65px; top:92px; width:15px; height:15px; vertical-align:middle; background-color:#ccffcc; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C25" style="left:8px; top:70px; width:15px; height:15px; vertical-align:middle; background-color:#ff00ff; border-style:solid; ">
					<![CDATA[]]>
					<script id="script4" type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C14" style="left:103px; top:27px; width:15px; height:15px; vertical-align:middle; background-color:#0000ff; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C4" style="left:65px; top:6px; width:15px; height:15px; vertical-align:middle; background-color:#003300; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C37" style="left:84px; top:92px; width:15px; height:15px; vertical-align:middle; background-color:#ccffff; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C26" style="left:27px; top:70px; width:15px; height:15px; vertical-align:middle; background-color:#ffcc00; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C15" style="left:122px; top:27px; width:15px; height:15px; vertical-align:middle; background-color:#666699; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C5" style="left:84px; top:6px; width:15px; height:15px; vertical-align:middle; background-color:#003366; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C38" style="left:103px; top:92px; width:15px; height:15px; vertical-align:middle; background-color:#99ccff; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C27" style="left:46px; top:70px; width:15px; height:15px; vertical-align:middle; background-color:#ffff00; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C16" style="left:141px; top:27px; width:15px; height:15px; vertical-align:middle; background-color:#808080; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C6" style="left:103px; top:6px; width:15px; height:15px; vertical-align:middle; background-color:#000080; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C39" style="left:122px; top:92px; width:15px; height:15px; vertical-align:middle; background-color:#cc99ff; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C28" style="left:65px; top:70px; width:15px; height:15px; vertical-align:middle; background-color:#00ff00; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C17" style="left:8px; top:48px; width:15px; height:15px; vertical-align:middle; background-color:#ff0000; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C7" style="left:122px; top:6px; width:15px; height:15px; vertical-align:middle; background-color:#333399; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C29" style="left:84px; top:70px; width:15px; height:15px; vertical-align:middle; background-color:#00ffff; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C18" style="left:27px; top:48px; width:15px; height:15px; vertical-align:middle; background-color:#ff9900; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C8" style="left:141px; top:6px; width:15px; height:15px; vertical-align:middle; background-color:#333333; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C19" style="left:46px; top:48px; width:15px; height:15px; vertical-align:middle; background-color:#99cc00; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C9" style="left:8px; top:27px; width:15px; height:15px; vertical-align:middle; background-color:#800000; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C40" style="left:141px; top:92px; width:15px; height:15px; vertical-align:middle; background-color:#ffffff; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C30" style="left:103px; top:70px; width:15px; height:15px; vertical-align:middle; background-color:#00ccff; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C31" style="left:122px; top:70px; width:15px; height:15px; vertical-align:middle; background-color:#993366; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C20" style="left:65px; top:48px; width:15px; height:15px; vertical-align:middle; background-color:#339966; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C32" style="left:141px; top:70px; width:15px; height:15px; vertical-align:middle; background-color:#c0c0c0; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C21" style="left:84px; top:48px; width:15px; height:15px; vertical-align:middle; background-color:#33cccc; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
						 ]]>
					</script>
				</caption>
				<caption id="C10" style="left:27px; top:27px; width:15px; height:15px; vertical-align:middle; background-color:#ff6600; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C33" style="left:8px; top:92px; width:15px; height:15px; vertical-align:middle; background-color:#ff99cc; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C22" style="left:103px; top:48px; width:15px; height:15px; vertical-align:middle; background-color:#3366ff; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C11" style="left:46px; top:27px; width:15px; height:15px; vertical-align:middle; background-color:#808000; border-style:solid; ">
					<![CDATA[]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C1" style="left:8px; top:6px; width:15px; height:15px; vertical-align:middle; background-color:#000000; border-style:solid; ">
					<![CDATA[]]>
					<script id="script2" type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
				<caption id="C41" style="left:8px; top:115px; width:148px; height:20px; text-align:center; vertical-align:middle; border-style:solid; ">
					<![CDATA[No Fill]]>
					<script type="javascript" ev:event="onclick">
						<![CDATA[
						fColorClicked();
				 		]]>
					</script>
				</caption>
			</group>
			<button id="button3" appearance="button" style="left:355px; top:5px; width:23px; height:23px; background-image:../../../com/commonweb/images/icon_folder_open.gif; background-position:center; gradient:linear(0,0,100%,100%,white,#d7e7ff,1); ">
				<caption/>
				<script type="javascript" ev:event="DOMActivate">
					<![CDATA[
						var filepath = openImageFileDialog(4096000);

					    if (filepath != "")
					    {
					        fAddImgeByFile(filepath);
					    }
					]]>
				</script>
				<hint>
					<![CDATA[파일열기]]>
				</hint>
			</button>
			<select1 id="cmb_viewmode" ref="/root/init/selectnode/viewmode" class="combo_search" appearance="minimal" style="left:390px; top:5px; width:137px; height:19px; ">
				<choices>
					<item>
						<label>원본 사이즈</label>
						<value>0</value>
					</item>
					<item>
						<label>그림판 사이즈</label>
						<value>1</value>
					</item>
					<item>
						<label>가로길이 기준</label>
						<value>3</value>
					</item>
					<item>
						<label>세로길이 기준</label>
						<value>2</value>
					</item>
					<item>
						<label>가로/세로 비율</label>
						<value>4</value>
					</item>
				</choices>
				<script type="javascript" ev:event="xforms-select">
					<![CDATA[
						//fChgViewMode();
						//fClearImge();
						var strBase64 = obj_image.SaveImageBase64();
						model.setValue("/root/base64", strBase64);
												
						var ShapeInfo = obj_image.GetShapeString();
						obj_image.DeleteAllShape();
						obj_image.LoadImage("");
						var viewMode = model.getValue("/root/init/selectnode/viewmode");
						obj_image.SetViewMode(viewMode);
						
						obj_image.LoadImageBase64(strBase64);
            					obj_image.SetShapeString(ShapeInfo);
						]]>
				</script>
			</select1>
		</group>
		<group id="group2" style="left:0px; top:0px; width:530px; height:21px; background-color:#cce8ff; ">
			<caption id="ipt_filenm" ref="/root/init/selectnode/imgenm" class="tit_2" style="left:4px; top:4px; width:516px; height:13px; ">가나다라마</caption>
		</group>
		<button id="button4" class="btn2_letter7" style="left:540px; top:515px; width:97px; height:19px; ">
			<caption>Open Image</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var file = window.fileDialog("open","",true,"","jpg","이미지 파일|*.bmp;*.jpg;*.gif|Jpeg Files(*.jpg)|*.jpg|Bitmap Files(*.bmp)|*.bmp|TIFF Files(*.tif)|*.tif|All Files (*.*)|*.*|");
					if (file != "") {
					obj_image.LoadImage(file);
					}
				]]>
			</script>
		</button>
		<button id="button5" class="btn2_letter7" style="left:540px; top:540px; width:97px; height:19px; ">
			<caption>Save Image</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var file = window.fileDialog("save","", false,"","jpg","Jpeg Files(*.jpg)|*.jpg|Bitmap Files(*.bmp)|*.bmp|All Files (*.*)|*.*|");
					if (file != "") {
						obj_image.SaveImage(0, file);
					}
				]]>
			</script>
		</button>
		<button id="button6" class="btn2_letter7" style="left:855px; top:315px; width:97px; height:19px; ">
			<caption>다른 색상</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
//					var color = obj_image.GetRGBColorDlg();					
					
					    var ctrl = document.controls(event.target);
					    var color;
					    
					    if(true)
					        color = obj_image.GetRGBColorDlg();
					    else
					        color = ctrl.attribute("background-color");
					if (color != "")
					{
						alert(color);
						//obj_image.SetShapeStyle("color", color);
						var clickbtn = model.getValue("/root/init/selectnode/colorbt");
						    
						if(color == "transparent")
						{
							color = "";
						}
						if(clickbtn == "btn_bgcolor")
						{
							obj_image.SetShapeStyle("background-color", color);
						}
						else if(clickbtn == "btn_fontcolor")
						{
							obj_image.SetShapeStyle("color", color);
						}
						else if(clickbtn == "btn_linecolor")
						{
						obj_image.SetShapeStyle("border-color", color);
						}
//						colorpicker.attribute("visibility") = "hidden"
					}					
				]]>
			</script>
		</button>
		<button id="button7" class="btn2_letter7" style="left:855px; top:275px; width:97px; height:19px; ">
			<caption>오른쪽 회전</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					obj_image.TurnRight();					
				]]>
			</script>
		</button>
		<button id="button8" class="btn2_letter7" style="left:965px; top:275px; width:97px; height:19px; ">
			<caption>왼쪽 회전</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					obj_image.TurnLeft();									
				]]>
			</script>
		</button>
		<button id="button9" class="btn2_letter7" style="left:540px; top:665px; width:97px; height:19px; ">
			<caption>확대</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					obj_image.Zoom(5);					
				]]>
			</script>
		</button>
		<button id="button10" class="btn2_letter7" style="left:540px; top:690px; width:97px; height:19px; ">
			<caption>축소</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					obj_image.Zoom(-5);					
				]]>
			</script>
		</button>
		<button id="button13" class="btn2_letter9" style="left:540px; top:590px; width:97px; height:19px; ">
			<caption>SaveBMPBase64</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var strBase64 = obj_image.SaveImageBase64();
					model.setValue("/root/BitmapBase64", strBase64);
					model.refresh();
				]]>
			</script>
		</button>
		<button id="button14" class="btn2_letter7" style="left:540px; top:640px; width:97px; height:19px; ">
			<caption>화면초기화</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					obj_image.Clear();					
				]]>
			</script>
		</button>
		<button id="button15" class="btn2_letter7" style="left:855px; top:405px; width:97px; height:19px; ">
			<caption>지우개 선택</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					obj_image.SelectDrawType(6, true);
				]]>
			</script>
		</button>
		<button id="button16" class="btn2_letter7" style="left:855px; top:355px; width:97px; height:19px; ">
			<caption>영역 선택하기</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					obj_image.SelectDrawType(7, true);
				]]>
			</script>
		</button>
		<button id="button18" class="btn2_letter7" style="left:640px; top:155px; width:97px; height:19px; ">
			<caption>Base64 설정</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var file = window.fileDialog("open","",true,"","bmp","이미지 파일|*.bmp;*.jpg;*.gif|Jpeg Files(*.jpg)|*.jpg|Bitmap Files(*.bmp)|*.bmp|TIFF Files(*.tif)|*.tif|All Files (*.*)|*.*|");
					if (file == "")
					{
						return;
					}
					/*
					Base64_TrueImgViewer1.ViewImage(file);
					var strBase64 = Base64_TrueImgViewer1.GetBase64EncodedString();
					model.setValue("/root/base64_1", strBase64);
					*/				
					//Base64_Preview1.SetViewMode(0);
					Base64_Preview1.LoadImage(file);
					var strBase64 = Base64_Preview1.SaveImageBase64();
					model.setValue("/root/base64_1", strBase64);
				]]>
			</script>
		</button>
		<select id="checkbox1" ref="/root/MakeOneCanvas" overflow="visible" appearance="full" style="left:850px; top:230px; width:115px; height:25px; border-style:none; ">
			<choices>
				<item>
					<label>한장으로 모으기</label>
					<value>1</value>
				</item>
			</choices>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
				var Value = checkbox1.value;
				
				if(Value)		
				{
					if(checkbox2.value != true && checkbox3.value != true && checkbox4.value != true)	{
						checkbox1.selected = false;
						model.setValue("/root/MakeOneCanvas", 0);
						checkbox1.value = 0;
						alert("선택된 이미지가 없습니다");
						return;
					}
					
					checkbox1.selected = true;
					
					if( !obj_image.SetCanvas() )
					{
						checkbox1.selected = false;
						model.setValue("/root/MakeOneCanvas", 0);
						checkbox1.value = 0;
						alert("한장으로 모으기 에러");
						return;
					}
					
					if(checkbox2.value)
					{
						var Base64Img_1 = model.getValue("/root/base64_1");
						obj_image.AddImageToCanvas(Base64Img_1);						
					}
					if(checkbox3.value)
					{
						var Base64Img_2 = model.getValue("/root/base64_2");
						obj_image.AddImageToCanvas(Base64Img_2);						
					}
					if(checkbox4.value)
					{
						var Base64Img_3 = model.getValue("/root/base64_3");
						obj_image.AddImageToCanvas(Base64Img_3);						
					}
					obj_image.LoadCanvas();
				}
				else		{
					checkbox1.selected = false;
					model.setValue("/root/MakeOneCanvas", 0);
					checkbox1.value = 0;					
					obj_image.RestoreStatus();
				}
				
				]]>
			</script>
		</select>
		<button id="button17" class="btn2_letter7" style="left:850px; top:155px; width:97px; height:19px; ">
			<caption>Base64 설정</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var file = window.fileDialog("open","",true,"","bmp","이미지 파일|*.bmp;*.jpg;*.gif|Jpeg Files(*.jpg)|*.jpg|Bitmap Files(*.bmp)|*.bmp|TIFF Files(*.tif)|*.tif|All Files (*.*)|*.*|");
					if (file == "")
					{
						return;
					}
					/*
					Base64_TrueImgViewer2.ViewImage(file);
					var strBase64 = Base64_TrueImgViewer2.GetBase64EncodedString();
					model.setValue("/root/base64_2", strBase64);
					*/
					//Base64_Preview2.SetViewMode(0);
					Base64_Preview2.LoadImage(file);
					var strBase64 = Base64_Preview2.SaveImageBase64();
					model.setValue("/root/base64_2", strBase64);					
					
				]]>
			</script>
		</button>
		<button id="button19" class="btn2_letter7" style="left:1055px; top:155px; width:97px; height:19px; ">
			<caption>Base64 설정</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var file = window.fileDialog("open","",true,"","bmp","이미지 파일|*.bmp;*.jpg;*.gif|Jpeg Files(*.jpg)|*.jpg|Bitmap Files(*.bmp)|*.bmp|TIFF Files(*.tif)|*.tif|All Files (*.*)|*.*|");
					if (file == "")
					{
						return;
					}
					/*
					Base64_TrueImgViewer3.ViewImage(file);
					var strBase64 = Base64_TrueImgViewer3.GetBase64EncodedString();
					model.setValue("/root/base64_3", strBase64);
					*/
					Base64_Preview3.LoadImage(file);
					var strBase64 = Base64_Preview3.SaveImageBase64();
					model.setValue("/root/base64_3", strBase64);					
					
				]]>
			</script>
		</button>
		<select id="checkbox2" ref="/root/base64_1_Add" overflow="visible" appearance="full" style="left:580px; top:155px; width:60px; height:20px; border-style:none; ">
			<choices>
				<item>
					<label>추가</label>
					<value>1</value>
				</item>
			</choices>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
				var Value = checkbox2.value;
				
				if(Value == 1)	{
					checkbox2.selected = true;
				}
				else		{
					checkbox2.selected = false;					
				}
				]]>
			</script>
		</select>
		<select id="checkbox3" ref="/root/base64_2_Add" overflow="visible" appearance="full" style="left:790px; top:155px; width:45px; height:20px; border-style:none; ">
			<choices>
				<item>
					<label>추가</label>
					<value>1</value>
				</item>
			</choices>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
				var Value = checkbox3.value;
				
				if(Value == 1)		{
					checkbox3.selected = true;
				}
				else		{
					checkbox3.selected = false;					
				}
				]]>
			</script>
		</select>
		<select id="checkbox4" ref="/root/base64_3_Add" overflow="visible" appearance="full" style="left:985px; top:155px; width:55px; height:20px; border-style:none; ">
			<choices>
				<item>
					<label>추가</label>
					<value>1</value>
				</item>
			</choices>
			<script type="javascript" ev:event="xforms-value-changed">
				<![CDATA[
				var Value = checkbox4.value;
				
				if(Value == 1)		{
					checkbox4.selected = true;
				}
				else		{
					checkbox4.selected = false;					
				}
				]]>
			</script>
		</select>
		<button id="button20" class="btn2_letter7" style="left:540px; top:565px; width:97px; height:19px; ">
			<caption>LoadBase64</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var file = window.fileDialog("open","",true,"","bmp","이미지 파일|*.bmp;*.jpg;*.gif|Jpeg Files(*.jpg)|*.jpg|Bitmap Files(*.bmp)|*.bmp|TIFF Files(*.tif)|*.tif|All Files (*.*)|*.*|");
					if (file != "") {
						/*
						TrueImgViewer.ViewImage(file);
						var strBase64 = TrueImgViewer.GetBase64EncodedString();
						model.setValue("/root/base64", strBase64);
						model.refresh();
						var strGetBase64 = model.getValue("/root/base64");
						obj_image.LoadImageBase64( strGetBase64 );
						*/
						PreView.LoadImage(file);
						var strBase64 = PreView.SaveImageBase64();
						model.setValue("/root/base64", strBase64);
						model.refresh();
						var strGetBase64 = model.getValue("/root/base64");
						obj_image.LoadImageBase64( strGetBase64 );
						
					}		
				]]>
			</script>
		</button>
		<caption id="caption2" style="left:645px; top:230px; width:156px; height:20px; ">추가 기능1. 한장으로 모으기</caption>
		<caption id="caption3" style="left:645px; top:275px; width:156px; height:20px; ">추가 기능2. 이미지 회전</caption>
		<caption id="caption4" style="left:630px; top:185px; width:65px; height:20px; ">
			<![CDATA[<이미지 1>]]>
		</caption>
		<caption id="caption5" style="left:825px; top:185px; width:70px; height:20px; ">
			<![CDATA[<이미지 2>]]>
		</caption>
		<caption id="caption6" style="left:1050px; top:185px; width:65px; height:20px; ">
			<![CDATA[<이미지 3>]]>
		</caption>
		<caption id="caption8" style="left:645px; top:315px; width:180px; height:20px; ">추가 기능3. 컬러 확장다이얼로그</caption>
		<caption id="caption9" style="left:645px; top:355px; width:180px; height:28px; ">
			<![CDATA[추가 기능4. 이미지 자르기
(선택한 이미지 영역만을 보여줌)]]>
		</caption>
		<caption id="caption10" style="left:645px; top:400px; width:180px; height:28px; ">
			<![CDATA[추가 기능5. 선택영역 자르기
(선택한 이미지 영역만을 삭제함)]]>
		</caption>
		<select1 id="combo6" ref="/root/init/selectnode/viewmode" appearance="minimal" style="left:645px; top:445px; width:135px; height:19px; ">
			<choices>
				<item>
					<label>원본 사이즈</label>
					<value>0</value>
				</item>
				<item>
					<label>스크린에 가득차게</label>
					<value>1</value>
				</item>
				<item>
					<label>스크린 세로사이즈 기준</label>
					<value>2</value>
				</item>
				<item>
					<label>스크린 가로사이즈 기준</label>
					<value>3</value>
				</item>
				<item>
					<label>스크린 가로/세로 사이즈 기준</label>
					<value>4</value>
				</item>
				<item>
					<label>스크린 줌 모드</label>
					<value>5</value>
				</item>
			</choices>
			<script type="javascript" ev:event="xforms-select">
				<![CDATA[
					var mode = model.getValue("/root/init/selectnode/viewmode");
					obj_image.SetViewMode(mode);
				]]>
			</script>
		</select1>
		<button id="button21" class="btn2_letter9" style="left:540px; top:490px; width:119px; height:19px; ">
			<caption>그리드 이미지 삽입</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					//var ShapeInfo = obj_image.GetShapeString();
					//obj_image.DeleteAllShape();
					//obj_image.LoadImage("");
					var SaveBase64Img = obj_image.SaveImageBase64();
					
					if (SaveBase64Img != "")
					{
						var num = model.getValue("root/gridNum");
						fAddSumnail(num, "temp", SaveBase64Img);
						model.setValue("root/gridNum", num);
					}
					
				]]>
			</script>
		</button>
		<!--
		<object id="TrueImgViewer" clsid="{3f3a0456-a902-4041-b5e9-0c078104af94}" style="left:970px; top:320px; width:115px; height:115px; "/>
		<object id="Base64_TrueImgViewer1" clsid="{3f3a0456-a902-4041-b5e9-0c078104af94}" style="left:600px; top:30px; width:115px; height:115px; "/>
		<object id="Base64_TrueImgViewer2" clsid="{3f3a0456-a902-4041-b5e9-0c078104af94}" style="left:810px; top:30px; width:115px; height:115px; "/>
		<object id="Base64_TrueImgViewer3" clsid="{3f3a0456-a902-4041-b5e9-0c078104af94}" style="left:1020px; top:30px; width:115px; height:115px; "/>
		-->
		<object id="PreView" clsid="{72e5d9ed-0d6a-46e8-aead-23144bfef878}" style="left:970px; top:320px; width:115px; height:115px; "/>
		<object id="Base64_Preview1" clsid="{72e5d9ed-0d6a-46e8-aead-23144bfef878}" style="left:600px; top:30px; width:115px; height:115px; "/>
		<object id="Base64_Preview2" clsid="{72e5d9ed-0d6a-46e8-aead-23144bfef878}" style="left:810px; top:30px; width:115px; height:115px; "/>
		<object id="Base64_Preview3" clsid="{72e5d9ed-0d6a-46e8-aead-23144bfef878}" style="left:1020px; top:30px; width:115px; height:115px; "/>
		<button id="button22" class="btn2_letter10" style="left:540px; top:715px; width:130px; height:19px; ">
			<caption>이미지 합치기(Merge)</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					obj_image.MergeImage();
				]]>
			</script>
		</button>
		<button id="button23" class="btn2_letter14" style="left:980px; top:245px; width:174px; height:19px; ">
			<caption>한 장으로 모으기 해제(For문)</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					checkbox1.selected = false;
					model.setValue("/root/MakeOneCanvas", 0);
					checkbox1.value = 0;					
					obj_image.RestoreStatus();
				]]>
			</script>
		</button>
		<button id="button24" class="btn2_letter14" style="left:980px; top:215px; width:174px; height:19px; ">
			<caption>한 장으로 모으기 설정(For문)</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
				var Base64Img_1 = model.getValue("/root/base64_1");
				var Base64Img_2 = model.getValue("/root/base64_2");
				var Base64Img_3 = model.getValue("/root/base64_3");
									
				if(Base64Img_1 == "" && Base64Img_2 == "" && Base64Img_3 == "")	{
						checkbox1.selected = false;
						checkbox2.selected = false;
						checkbox3.selected = false;
						model.setValue("/root/MakeOneCanvas", 0);
						alert("Base64로 저장된 이미지가 없습니다");
						return;
				}
					
				if( !obj_image.SetCanvas() )
				{
					model.setValue("/root/MakeOneCanvas", 0);
					alert("한장으로 모으기 에러");
					return;
				}
					
				var i = 0;
								
				var Base64Array = new Array();
				//Base64Array = new Array(Base64Img_1, Base64Img_2, Base64Img_3);
				if (Base64Img_1 != "")
				{
					Base64Array[0] = Base64Img_1;
				}
				if (Base64Img_2 != "")
				{
					Base64Array[1] = Base64Img_2;
				}
				if (Base64Img_3 != "")
				{
					Base64Array[2] = Base64Img_3;
				}
				
				var count = Base64Array.length;
				alert("Base64 이미지 개수: " + count);
				
				for(i = 0; i < count; i++)
				{
					obj_image.AddImageToCanvas(Base64Array[i]);						
				}
				obj_image.LoadCanvas();
				
				model.setValue("/root/MakeOneCanvas", 1);
				checkbox1.value = true;	
				]]>
			</script>
		</button>
		<button id="button25" class="btn2_letter7" style="left:820px; top:475px; width:97px; height:19px; ">
			<caption>GetMetraData</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var data = obj_image.GetMetaData();
					alert(data);
					model.setValue("/root/MetaData" ,data);
				]]>
			</script>
		</button>
		<button id="button26" class="btn2_letter8" style="left:820px; top:500px; width:108px; height:19px; ">
			<caption>GetShapeString</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var data = obj_image.GetShapeString();
					alert(data);
					model.setValue("/root/ShapeString" ,data);
				]]>
			</script>
		</button>
		<button id="button27" class="btn2_letter8" style="left:820px; top:555px; width:108px; height:19px; ">
			<caption>SetShapeString</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var data = model.getValue("/root/ShapeString");
					obj_image.SetShapeString(data);
				]]>
			</script>
		</button>
		<button id="button28" class="btn2_letter9" style="left:540px; top:615px; width:109px; height:19px; ">
			<caption>SaveJPGBase64</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var strBase64 = obj_image.SaveJpegBase64();
					model.setValue("/root/JpegBase64", strBase64);
					model.refresh();				
				]]>
			</script>
		</button>
		<button id="button29" class="btn2_letter10" style="left:960px; top:720px; width:130px; height:19px; ">
			<caption>ConvertJpegBase64</caption>
			<script type="javascript" ev:event="DOMActivate">
				<![CDATA[
					model.refresh();
					var strBase64 = model.getValue("/root/BitmapBase64");
					if (strBase64 == "")
					{
						alert("SaveBMPBase64 를 먼저 실행하세요");
					}
					var strJpegBase64 = obj_image.ConvertJpegBase64(strBase64);
					model.setValue("/root/JpegBase64" , strJpegBase64);
				]]>
			</script>
		</button>
		<caption id="caption11" style="left:700px; top:585px; width:458px; height:140px; ">
			<![CDATA[비트맵 Base64 코드를 Jpeg Base64 코드로 저장한다.
1. Open Image 메소드를 이용하여 비트맵 이미지를 오픈한 후 
이미지사이즈를 원본사이즈로 변경한다.. (올바른 테스트를 위하여 비트맵을 연다)
2. 비트맵 Base64 코드를 얻기 위하여 SaveBMPBase64 메소드를 실행한다.
3. ConvertJpegBase64 메소드를 실행한 후 마우스 우클릭으로 
View Instance로 결과를 확인한다.
			
비트맵 Base64 코드 => /root/BitmapBase64
JPEG Base64 코드 => /root/JpegBase64]]>
		</caption>
		<button id="button30" class="btn2_letter8" style="left:985px; top:565px; width:108px; height:19px; ">
			<caption>Add Thumbnail</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var strBase64 = model.getValue("/root/BitmapBase64");
					obj_thumbnail.LoadImageBase64(strBase64);
					strBase64 = obj_thumbnail.GetThumnailBase64(0, 0);
					model.setValue("/root/Thumnail", strBase64);
					obj_thumbnail.LoadImageBase64(strBase64);
				]]>
			</script>
		</button>
		<object id="obj_thumbnail" clsid="{72e5d9ed-0d6a-46e8-aead-23144bfef878}" style="left:990px; top:450px; width:100px; height:100px; "/>
		<object id="obj_sumnail" clsid="{72e5d9ed-0d6a-46e8-aead-23144bfef878}" style="left:700px; top:475px; width:100px; height:100px; "/>
		<button id="button33" class="btn2_letter8" style="left:540px; top:465px; width:108px; height:19px; ">
			<caption>클립보드 테스트</caption>
			<script type="javascript" ev:event="onclick">
				<![CDATA[
					var base64str = obj_image.GetClipboardImage();
					if (base64str == "")
					{
						alert("클립보드에 이미지 데이터가 없습니다.");
						return;
					}
					
					model.setValue("/root/ClipboardData", base64str);
					
					obj_image.LoadImageBase64( model.getValue("/root/ClipboardData") );
					
				]]>
			</script>
		</button>
	</xhtml:body>
</xhtml:html>