<!DOCTYPE html>
<Meta charset='utf-8'>
<Body style='margin:0px 0px' BGColor='#0000a0'>
<Title>文華兒童電子期刊：第12期(107下-2019．06月號)</Title>
<script>
function NoteTextSetDraw(DrawFlag,DrawNumber){
var TableName = 'NoteTextTab';
NoteTextTable = document.getElementById(TableName);
if(NoteTextTable==null){
NoteTextTable = document.createElement('button');
document.body.appendChild(NoteTextTable);
NoteTextTable.type = 'button';
NoteTextTable.id   = TableName;
}
NoteTextTable.removeAttribute('style');
NoteTextTable.style.position = 'absolute';
var CenterOffsetX = (document.body.clientWidth-1280)/2;
if(CenterOffsetX<0||AlignDrawCenter==false) CenterOffsetX = 0;
if(DrawFlag==true){
if(NoteTextTable.style.visibility=='hidden'){
NoteTextTable.style.visibility = 'visible';
}
NoteTextTable.style.top  = '43px';
if(DrawNumber==1){
NoteTextTable.style.left = CenterOffsetX+(1280-184)+'px';
NoteTextTable.innerHTML  = '上一頁';
}
else
if(DrawNumber==2){
NoteTextTable.style.left = CenterOffsetX+(1280-133)+'px';
NoteTextTable.innerHTML  = '首頁';
}
else
if(DrawNumber==3){
NoteTextTable.style.left = CenterOffsetX+(1280-86)+'px';
NoteTextTable.innerHTML  = '尾頁';
}
else
if(DrawNumber==4){
NoteTextTable.style.left = CenterOffsetX+(1280-48)+'px';
NoteTextTable.innerHTML  = '下一頁';
}
else
if(DrawNumber==5){
NoteTextTable.style.left = CenterOffsetX+(1280-223)+'px';
NoteTextTable.innerHTML  = '預覽';
}
}
else{
if(NoteTextTable.style.visibility!='hidden'){
NoteTextTable.style.visibility = 'hidden';
}
}
}
</Script>
<Table id='PreviewBarImg' background='MediaFiles/TitleBar.jpg' Width='1280' Height='46' align='center'>
<td valign='center' align='left'>
<font face='標楷體' color='#ffffd0'>
<span class='style8' style='font-size:18pt;'>
<a>文華兒童電子期刊：第12期(107下-2019．06月號(1/18)</a>
</span>
</font>
</td>
<td valign='center' align='right'>
<a href='Preview.html'>
<img src='MediaFiles/PreviewWeb.png' border='0' style='margin-right:6px' onmouseover=NoteTextSetDraw(true,5) onmouseout=NoteTextSetDraw(false,5)>
</a>
<img src='MediaFiles/BarChangeLeft.png' border='0' style='margin-right:6px'>
<a href='index.html'>
<img src='MediaFiles/BarChangeFirst.png' border='0' style='margin-right:6px' onmouseover=NoteTextSetDraw(true,2) onmouseout=NoteTextSetDraw(false,2)>
</a>
<a href='BookEyePage18.html'>
<img src='MediaFiles/BarChangeLast.png' border='0' style='margin-right:6px' onmouseover=NoteTextSetDraw(true,3) onmouseout=NoteTextSetDraw(false,3)>
</a>
<a href='BookEyePage2.html'>
<img src='MediaFiles/BarChangeRight.png' border='0' style='margin-right:6px' onmouseover=NoteTextSetDraw(true,4) onmouseout=NoteTextSetDraw(false,4)>
</a>
</td>
</Table>
<Center>
<script>
GlobalStretchMode = 0;
AlignDrawCenter = true;
if(GlobalStretchMode==1||GlobalStretchMode==3) AlignDrawCenter = false;
if(GlobalStretchMode==2||GlobalStretchMode==3) document.body.style.overflow = 'hidden';
iTitleBarHeight  = 46;
MainCanvasWidth  = MainDrawWidth  =  1280;
MainCanvasHeight = MainDrawHeight =  800;
iWidthStretchRate = 100.0;
iHeightStretchRate = 100.0;
global_LightValue  = 0;
global_BrightValue = 0;
global_Alpha  = 0;
global_Rotate = 0;
global_CenterRateX = 50.0;
global_CenterRateY = 50.0;
global_ColorR = 0;
global_ColorG = 0;
global_ColorB = 0;
</script>
<script>
RotateNewX = 0; RotateNewY = 0;
function mtRotatePosiGet(RotateAngle,iStartX,iStartY,iCenterX,iCenterY){
RotateNewX = iStartX; RotateNewY = iStartY;
var TempRotateAngle = 0-(RotateAngle%360);
if(TempRotateAngle==0) return;
var ThetaValue = (TempRotateAngle*3.1415926)/180.0;
RotateNewX = iCenterX + (Math.cos(ThetaValue)*(iStartX-iCenterX)-Math.sin(ThetaValue)*(iStartY-iCenterY));
RotateNewY = iCenterY + (Math.sin(ThetaValue)*(iStartX-iCenterX)+Math.cos(ThetaValue)*(iStartY-iCenterY));
}
function drawImageEx2(ImageObj,iDestX,iDestY){
if(ImageObj==null) return;
drawImageEx8(null,ImageObj,0,0,ImageObj.width,ImageObj.height,iDestX,iDestY,ImageObj.width,ImageObj.height,0);
}
function drawImageEx(DrawCanvas,ImageObj,iDestX,iDestY,iDestWidth,iDestHeight,iMirrorMode){
if(ImageObj==null) return;
drawImageEx8(DrawCanvas,ImageObj,0,0,ImageObj.width,ImageObj.height,iDestX,iDestY,iDestWidth,iDestHeight,iMirrorMode);
}
function drawImageEx8(DrawCanvas,ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,iDestX,iDestY,iDestWidth,iDestHeight,iMirrorMode){
var iLightValue = global_LightValue;
 global_LightValue = 0;
var iBrightValue = global_BrightValue;
 global_BrightValue = 0;
var iAlphaValue = global_Alpha;
 global_Alpha = 0;
var iRotate = global_Rotate;
 global_Rotate = 0;
var iCenterRateX = global_CenterRateX;  global_CenterRateX = 50.0;
var iCenterRateY = global_CenterRateY;  global_CenterRateY = 50.0;
var iColorR = global_ColorR;
 global_ColorR = 0;
var iColorG = global_ColorG;
 global_ColorG = 0;
var iColorB = global_ColorB;
 global_ColorB = 0;
if(ImageObj==null) return;
if(ImageObj.width<=0) return;
if(ImageObj.height<=0) return;
var MainCanvas = DrawCanvas;
var MainCanvas2D = DrawCanvas.getContext('2d');
MainCanvas2D.globalAlpha = iAlphaValue/255.0;
MainCanvas2D.setTransform(1,0,0,1,0,0);
if((iRotate%360)!=0){
MainCanvas2D.rotate(iRotate*Math.PI/180.0);
var iObjCenterX  = iDestWidth*iCenterRateX/100.0;
var iObjCenterY  = iDestHeight*iCenterRateY/100.0;
mtRotatePosiGet(iRotate,iDestX+iObjCenterX,iDestY+iObjCenterY,0,0);
RotateNewX -= iObjCenterX; RotateNewY -= iObjCenterY;
iDestX = RotateNewX; iDestY = RotateNewY;
}
if(iMirrorMode<=0){
if(iLightValue!=0||iBrightValue!=0||iColorR!=0||iColorG!=0||iColorB!=0){
var newCanvas = document.createElement('canvas');
newCanvas.width  = iDestWidth;
newCanvas.height = iDestHeight;
var newCanvas_2D = newCanvas.getContext('2d');
if(iLightValue>=1){
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation='lighter';
var SetValue = iLightValue/255.0;
newCanvas_2D.globalAlpha = SetValue;
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
}
if(iBrightValue>=1){
var SetValue = iBrightValue/255.0;
var StyleString = 'rgba(255,255,255,'+SetValue+')';
newCanvas_2D.fillStyle = StyleString;
newCanvas_2D.fillRect(0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation = 'destination-atop';
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation='lighter';
newCanvas_2D.globalAlpha = SetValue;
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
}
if(iLightValue<0||iBrightValue<0){
var SetValue = (0.0-iLightValue)/255.0;
if(iBrightValue<0) SetValue = (0.0-iBrightValue)/255.0;
var StyleString = 'rgba(0,0,0,'+SetValue+')';
newCanvas_2D.fillStyle = StyleString;
newCanvas_2D.fillRect(0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation = 'destination-atop';
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
}
if(iColorR!=0||iColorG!=0||iColorB!=0){
var SetValue = ((iColorR+iColorG+iColorB)/3)/255.0;
var StyleString = 'rgba('+iColorR+','+iColorG+','+iColorB+','+SetValue+')';
newCanvas_2D.fillStyle = StyleString;
newCanvas_2D.fillRect(0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation = 'destination-atop';
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation='lighter';
newCanvas_2D.globalAlpha = SetValue;
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
}
MainCanvas2D.drawImage(newCanvas,iDestX,iDestY);
}
else{
MainCanvas2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,iDestX,iDestY,iDestWidth,iDestHeight);
}
}
else{
var newCanvas = document.createElement('canvas');
newCanvas.width  = iDestWidth;
newCanvas.height = iDestHeight;
var newCanvas_2D = newCanvas.getContext('2d');
if(iMirrorMode==1){ newCanvas_2D.setTransform(-1,0.0,-0.0,1,iDestWidth,0); }
else if(iMirrorMode==2){ newCanvas_2D.setTransform(1,0.0,-0.0,-1,0,iDestHeight); }
else if(iMirrorMode==3){ newCanvas_2D.setTransform(-1,0.0,-0.0,-1,iDestWidth,iDestHeight); }
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
if(iLightValue!=0||iBrightValue!=0||iColorR!=0||iColorG!=0||iColorB!=0){
if(iLightValue>=1){
newCanvas_2D.globalCompositeOperation='lighter';
var SetValue = iLightValue/255.0;
newCanvas_2D.globalAlpha = SetValue;
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
}
if(iBrightValue>=1){
var SetValue = iBrightValue/255.0;
var StyleString = 'rgba(255,255,255,'+SetValue+')';
newCanvas_2D.fillStyle = StyleString;
newCanvas_2D.fillRect(0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation = 'destination-atop';
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation='lighter';
newCanvas_2D.globalAlpha = SetValue;
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
}
if(iLightValue<0||iBrightValue<0){
var SetValue = (0.0-iLightValue)/255.0;
if(iBrightValue<0) SetValue = (0.0-iBrightValue)/255.0;
var StyleString = 'rgba(0,0,0,'+SetValue+')';
newCanvas_2D.fillStyle = StyleString;
newCanvas_2D.fillRect(0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation = 'destination-atop';
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
}
if(iColorR!=0||iColorG!=0||iColorB!=0){
var SetValue = ((iColorR+iColorG+iColorB)/3)/255.0;
var StyleString = 'rgba('+iColorR+','+iColorG+','+iColorB+','+SetValue+')';
newCanvas_2D.fillStyle = StyleString;
newCanvas_2D.fillRect(0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation = 'destination-atop';
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
newCanvas_2D.globalCompositeOperation='lighter';
newCanvas_2D.globalAlpha = SetValue;
newCanvas_2D.drawImage(ImageObj,iSourX,iSourY,iSourWidth,iSourHeight,0,0,iDestWidth,iDestHeight);
}
}
MainCanvas2D.drawImage(newCanvas,iDestX,iDestY);
delete(newCanvas);
}
MainCanvas2D.globalAlpha = 1.00;
}
</script>
<script>
function ImageObjCreate(){
pCanvas = null;
NewImageObj = {pImage:new Image(), PosiX:0, PosiY:0, DrawWidth:0, DrawHeight:0, SourPosiX:0, SourPosiY:0, SourWidth:0, SourHeight:0, OffsetX:0, OffsetY:0, Rotate:0, AlphaValue:255, LightValue:0, RValue:0, GValue:0, BValue:0, iMirrorMode:0, RepaintActive:0, Visible:true,
Touch:{ MouseDown:0, MouseEntry:0, MouseClick:0, ButtonEffectMode:0, ButtonEffectValue:0, ButtonSelectValue:0},
StretchAct:{ isActive:false, DestWidth:0, DestHeight:0, SourceWidth:0, SourceHeight:0, OneStepWidth:0, OneStepHeight:0, StepTime:0, NextRunTime:0, RunNowCount:0},
MoveAct:{ isActive:false, DestX:0, DestY:0, SourceX:0, SourceY:0, OneStepWidth:0, OneStepHeight:0, StepTime:0, NextRunTime:0, StartSlowCount:0, EndSlowCount:0, RunMaxCount:0, RunNowCount:0},
AlphaAct:{ isActive:false, DestAlpha:0, SourceAlpha:0, OneStepValue:0, StepTime:0, NextRunTime:0, RunMaxCount:0, RunNowCount:0},
LightAct:{ isActive:false, DestLight:0, SourceLight:0, OneStepValue:0, StepTime:0, NextRunTime:0, RunMaxCount:0, RunNowCount:0},
RotateAct:{ isActive:false, DestAngle:0, SourceAngle:0, CenterRateX:50.0, CenterRateY:50.0, OneStepValue:0, StepTime:0, NextRunTime:0, RunMaxCount:0, RunNowCount:0},
EffectLight:{ ActiveMode:0, RunTotalTime:0,  IntervalTime:0, SourceLight:0, LightPercent:0, LightRandom:0},
EffectAlpha:{ ActiveMode:0, RunTotalTime:0,  IntervalTime:0, SourceAlpha:0, AlphaPercent:0, AlphaRandom:0},
EffectMove:{ ActiveMode:0, RunTotalTime:0,  IntervalTime:0, RealMirrorMode:0, MoveAbsolute:0, SourceX:0, SourceY:0, MoveDestX:0, MoveDestY:0},
EffectRotate:{ ActiveMode:0, RunTotalTime:0, IntervalTime:0, SourceAngle:0, RotateAngle:0, ReverseDirector:0, RotateDirector:0, RotateRandom:0}};
return(NewImageObj);
}
function ImageLoadFinishVisible(ImageObj,isVisible){
ImageLoadFinishSet(ImageObj);
if(ImageObj!=null) ImageObj.Visible = isVisible;
}
function ImageLoadFinishSet(ImageObj){
if(ImageObj==null) return;
if(ImageObj.pImage==null) return;
ImageObj.DrawWidth  = ImageObj.pImage.width; ImageObj.DrawHeight = ImageObj.pImage.height;
ImageObj.SourWidth  = ImageObj.pImage.width; ImageObj.SourHeight = ImageObj.pImage.height;
ImageObj.MoveAct.StartSlowCount = 0;
ImageObj.MoveAct.EndSlowCount   = 0;
}
function ImageLoadFinishValue(ImageObj,iShowX,iShowY,iShowWidth,iShowHeight,iAlphaValue,iLightValue,iRotate,iMirrorMode){
if(ImageObj==null) return;
if(ImageObj.pImage==null) return;
ImageObj.LightValue  = iLightValue;
ImageObj.AlphaValue  = iAlphaValue;
ImageObj.Rotate  = iRotate;
ImageObj.iMirrorMode  = iMirrorMode;
ImageObj.PosiX  = iShowX; ImageObj.PosiY = iShowY;
ImageObj.SourWidth  = ImageObj.pImage.width; ImageObj.SourHeight = ImageObj.pImage.height;
ImageObj.MoveAct.DestX = iShowX; ImageObj.MoveAct.DestY = iShowY;
ImageObj.DrawWidth  = iShowWidth; ImageObj.DrawHeight = iShowHeight;
ImageObj.MoveAct.StartSlowCount = 0;
ImageObj.MoveAct.EndSlowCount   = 0;
}
function ImageObjDrawPosition(ImageObj,DestX,DestY){
if(ImageObj==null) return;
ImageObj.MoveAct.DestX = DestX; ImageObj.MoveAct.DestY = DestY;
ImageObj.PosiX = DestX; ImageObj.PosiY = DestY;
ImageObjDrawParent(ImageObj);
}
iBackImageDrawNum = 0;
function ImageObjDrawParent(ImageObj){
if(ImageObj==null) return;
global_LightValue  = ImageObj.LightValue;
global_BrightValue  = 0;
global_Alpha  = ImageObj.AlphaValue;
global_Rotate = ImageObj.Rotate;
global_CenterRateX = ImageObj.RotateAct.CenterRateX;
global_CenterRateY = ImageObj.RotateAct.CenterRateY;
global_ColorR = ImageObj.RValue;
global_ColorG = ImageObj.GValue;
global_ColorB = ImageObj.BValue;
var iSourX = ImageObj.SourPosiX-ImageObj.OffsetX; var iSourY = ImageObj.SourPosiY-ImageObj.OffsetY;
var iSourWidth  = ImageObj.SourWidth; var iSourHeight = ImageObj.SourHeight;
var iShowX = ImageObj.PosiX; var iShowY = ImageObj.PosiY;
var iShowWidth = ImageObj.DrawWidth; var iShowHeight = ImageObj.DrawHeight;
if(ImageObj.Touch.ButtonEffectMode>=1){
var isButtonDownActive = false;
if(ImageObj.Touch.MouseDown!=0&&(ImageObj.Touch.ButtonEffectMode&2)==2){
isButtonDownActive = true;
var iLightVal =  (ImageObj.Touch.ButtonEffectValue&0x0000ffff);
if(iLightVal>=32728) iLightVal = iLightVal-65536;
if(iLightVal>255) iLightVal = 255; if(iLightVal<-255) iLightVal = -255;
global_BrightValue = iLightVal;
}
if(ImageObj.Touch.MouseDown!=0&&(ImageObj.Touch.ButtonEffectMode&4)==4){
isButtonDownActive = true;
var iStretchVal =  ((ImageObj.Touch.ButtonEffectValue>>16)&0x0000ffff);
if(iStretchVal>=32728) iStretchVal = iStretchVal-65536;
if(iStretchVal>50) iStretchVal = 50; if(iStretchVal<-50) iStretchVal = -50;
StretchSizeGet(100+iStretchVal,iShowWidth,iShowHeight);
iShowX += (iShowWidth-GetStretchWidth)/2; iShowY += (iShowHeight-GetStretchHeight)/2;
iShowWidth = GetStretchWidth; iShowHeight = GetStretchHeight;
}
if(isButtonDownActive==false&&ImageObj.Touch.MouseEntry!=0&&(ImageObj.Touch.ButtonEffectMode&8)==8){ global_BrightValue = ImageObj.Touch.ButtonSelectValue; }
if(isButtonDownActive==false&&ImageObj.Touch.MouseEntry!=0&&(ImageObj.Touch.ButtonEffectMode&16)==16){
var iBtnStretch = ImageObj.Touch.ButtonSelectValue;
if(iBtnStretch>50) iBtnStretch = 50; if(iBtnStretch<-50) iBtnStretch = -50;
StretchSizeGet(100+iBtnStretch,iShowWidth,iShowHeight);
iShowX += (iShowWidth-GetStretchWidth)/2; iShowY += (iShowHeight-GetStretchHeight)/2;
iShowWidth = GetStretchWidth; iShowHeight = GetStretchHeight;
}
}
if(ImageObj.pImage!=null){
if(ImageObj.iMirrorMode==1||ImageObj.iMirrorMode==3){ iSourX = ImageObj.pImage.width-iSourX-iSourWidth; }
if(ImageObj.iMirrorMode==2||ImageObj.iMirrorMode==3){ iSourY = ImageObj.pImage.height-iSourY-iSourHeight; }
drawImageEx8(BackgroundCanvas1,ImageObj.pImage,iSourX,iSourY,iSourWidth,iSourHeight,iShowX,iShowY,iShowWidth,iShowHeight,ImageObj.iMirrorMode);
}
else
if(ImageObj.pCanvas!=null){
if(ImageObj.iMirrorMode==1||ImageObj.iMirrorMode==3){ iSourX = ImageObj.pCanvas.width-iSourX-iSourWidth; }
if(ImageObj.iMirrorMode==2||ImageObj.iMirrorMode==3){ iSourY = ImageObj.pCanvas.height-iSourY-iSourHeight; }
drawImageEx8(BackgroundCanvas1,ImageObj.pCanvas,iSourX,iSourY,iSourWidth,iSourHeight,iShowX,iShowY,iShowWidth,iShowHeight,ImageObj.iMirrorMode);
}
}
GetStretchWidth = 0; GetStretchHeight = 0;
function StretchSizeGet(dStretchVal,RealWidth,RealHeight){
GetStretchWidth = RealWidth; GetStretchHeight = RealHeight;
if(dStretchVal==100) return;
var dRateHeight = RealWidth*100.0/RealHeight;
var dRateWidth  = RealHeight*100.0/RealWidth;
if(RealWidth>=RealHeight){
if(RealWidth!=0) GetStretchWidth  = RealWidth*dStretchVal/100.0;
if(RealHeight!=0) GetStretchHeight = GetStretchWidth*dRateWidth/100.0;
}
else{
if(RealHeight!=0) GetStretchHeight  = RealHeight*dStretchVal/100.0;
if(RealWidth!=0) GetStretchWidth = GetStretchHeight*dRateHeight/100.0;
}
}
function DrawStretchValueGet(){
if(GlobalStretchMode==0) return;
var iClientWidth  = document.documentElement.clientWidth;
var iClientHeight = document.documentElement.clientHeight-iTitleBarHeight;
var iStretchWidth  = iClientWidth*100.0/MainCanvasWidth;
var iStretchHeight = iClientHeight*100.0/MainCanvasHeight;
if(GlobalStretchMode==1){
if(iStretchWidth>=iStretchHeight){
MainDrawWidth  = iClientWidth;
var iWidthRate = MainCanvasHeight*100.0/MainCanvasWidth;
MainDrawHeight = MainDrawWidth*iWidthRate/100.0;
}
else{
MainDrawHeight = iClientHeight;
var iHeightRate = MainCanvasWidth*100.0/MainCanvasHeight;
MainDrawWidth = MainDrawHeight*iHeightRate/100.0;
}
}
else
if(GlobalStretchMode==2){
if(iStretchWidth<iStretchHeight){
MainDrawWidth  = iClientWidth;
var iWidthRate = MainCanvasHeight*100.0/MainCanvasWidth;
MainDrawHeight = MainDrawWidth*iWidthRate/100.0;
}
else{
MainDrawHeight = iClientHeight;
var iHeightRate = MainCanvasWidth*100.0/MainCanvasHeight;
MainDrawWidth = MainDrawHeight*iHeightRate/100.0;
}
}
if(GlobalStretchMode==3){
MainDrawWidth  = iClientWidth;
MainDrawHeight  = iClientHeight;
}
iWidthStretchRate  = MainDrawWidth*100.0/MainCanvasWidth;
iHeightStretchRate = MainDrawHeight*100.0/MainCanvasHeight;
WindowFormCanvas = document.querySelector('Canvas');
WindowFormCanvas.width  = MainDrawWidth;
WindowFormCanvas.height = MainDrawHeight;
}
function TitleBarSizeSet(iOnlyGetInfo){
var vTableTitleBar = document.getElementById('PreviewBarImg');
if(vTableTitleBar==null) return;
vTableTitleBar.width  = MainDrawWidth;
iTitleBarHeight  = vTableTitleBar.offsetTop+vTableTitleBar.offsetHeight;
}
</script>
<script>
function ImageObjCutOffset(ImageObj,iCutLeft,iCutTop,iCutRight,iCutBottom,iOffsetX,iOffsetY){
if(ImageObj==null) return;
if(ImageObj.pImage==null) return;
var ImgCutLeft = ImageObj.pImage.width*iCutLeft/10000.0;
var ImgCutRight  = ImageObj.pImage.width*iCutRight/10000.0;
var ImgCutTop = ImageObj.pImage.height*iCutTop/10000.0;
var ImgCutBottom  = ImageObj.pImage.height*iCutBottom/10000.0;
ImageObj.SourPosiX = ImgCutLeft;
ImageObj.SourPosiY = ImgCutTop;
ImageObj.SourWidth = ImgCutRight-ImgCutLeft;
ImageObj.SourHeight = ImgCutBottom-ImgCutTop;
ImageObj.OffsetX = ImageObj.pImage.width*iOffsetX/10000.0;
ImageObj.OffsetY = ImageObj.pImage.height*iOffsetY/10000.0;
}
function ImageRepaint(ImageObj,RepaintPassingTime){
if(ImageObj==null) return;
ImageObj.RepaintActive = TickTimeGet()+RepaintPassingTime;
}
function ImageVisible(ImageObj,VisibleSet){
if(ImageObj==null) return;
ImageObj.Visible = VisibleSet;
}
function ImageStretchTime(ImageObj,DestWidth,DestHeight,StretchMode,SetTotalTime){
if(ImageObj==null) return;
if(SetTotalTime<=0) return(ImageStretch(ImageObj,DestWidth,DestHeight,StretchMode,0,0));
var iTempRunTime = 58+SystemTimerTime;
var OneRunTime = SetTotalTime/iTempRunTime;
if(StretchMode==1){
var iRateWidth  = DestWidth/ImageObj.DrawWidth;
var iRateHeight = DestHeight/ImageObj.DrawHeight;
if(iRateWidth>=iRateHeight){
var iSizeRate = ImageObj.DrawWidth*100.0/ImageObj.DrawHeight;
DestWidth = DestHeight*iSizeRate/100.0;
}
else{
var iSizeRate = ImageObj.DrawHeight*100.0/ImageObj.DrawWidth;
DestHeight = DestWidth*iSizeRate/100.0;
}
}
if(StretchMode==2){
var iRateWidth  = DestWidth/ImageObj.DrawWidth;
var iRateHeight = DestHeight/ImageObj.DrawHeight;
if(iRateWidth>=iRateHeight){
var iSizeRate = ImageObj.DrawHeight*100.0/ImageObj.DrawWidth;
DestHeight = DestWidth*iSizeRate/100.0;
}
else{
var iSizeRate = ImageObj.DrawWidth*100.0/ImageObj.DrawHeight;
DestWidth = DestHeight*iSizeRate/100.0;
}
}
var iSourWidth  = ImageObj.DrawWidth;
var iSourHeight = ImageObj.DrawHeight;
var dStepWidth  = DestWidth-iSourWidth;
var dStepHeight = DestHeight-iSourHeight;
if(dStepWidth<1&&dStepWidth>-1) dStepWidth = 0;
if(dStepHeight<1&&dStepHeight>-1) dStepHeight = 0;
if(dStepWidth==0&&dStepHeight==0) return;
if(dStepWidth<0) dStepWidth = 0.0-dStepWidth;
if(dStepHeight<0) dStepHeight = 0.0-dStepHeight;
var iOneStepWidth  = dStepWidth/OneRunTime;
var iOneStepHeight = dStepHeight/OneRunTime;
var iOneStepPixel = iOneStepWidth;
if(iOneStepHeight>iOneStepWidth) iOneStepPixel = iOneStepHeight;
ImageStretch(ImageObj,DestWidth,DestHeight,0,iOneStepPixel,OneRunTime);
}
function ImageStretch(ImageObj,DestWidth,DestHeight,StretchMode,OneStepPixel,OneStepTime){
if(ImageObj==null) return;
if(StretchMode==1){
var iRateWidth  = DestWidth/ImageObj.DrawWidth;
var iRateHeight = DestHeight/ImageObj.DrawHeight;
if(iRateWidth>=iRateHeight){
var iSizeRate = ImageObj.DrawWidth*100.0/ImageObj.DrawHeight;
DestWidth = DestHeight*iSizeRate/100.0;
}
else{
var iSizeRate = ImageObj.DrawHeight*100.0/ImageObj.DrawWidth;
DestHeight = DestWidth*iSizeRate/100.0;
}
}
if(StretchMode==2){
var iRateWidth  = DestWidth/ImageObj.DrawWidth;
var iRateHeight = DestHeight/ImageObj.DrawHeight;
if(iRateWidth>=iRateHeight){
var iSizeRate = ImageObj.DrawHeight*100.0/ImageObj.DrawWidth;
DestHeight = DestWidth*iSizeRate/100.0;
}
else{
var iSizeRate = ImageObj.DrawWidth*100.0/ImageObj.DrawHeight;
DestWidth = DestHeight*iSizeRate/100.0;
}
}
if(DestWidth==ImageObj.DrawWidth&&DestHeight==ImageObj.DrawHeight) return;
var iSourWidth  = ImageObj.DrawWidth;
var iSourHeight = ImageObj.DrawHeight;
ImageObj.StretchAct.SourceWidth  = iSourWidth;
ImageObj.StretchAct.SourceHeight = iSourHeight;
ImageObj.StretchAct.DestWidth  = DestWidth;
ImageObj.StretchAct.DestHeight = DestHeight;
ImageObj.StretchAct.StepTime = OneStepTime;
if(OneStepTime<=0||OneStepPixel<=0){
ImageObj.DrawWidth  = DestWidth;
ImageObj.DrawHeight = DestHeight;
ImageObj.StretchAct.OneStepWidth  = 0;
ImageObj.StretchAct.OneStepHeight = 0;
ImageObj.StretchAct.StepTime = 0;
ImageObj.StretchAct.NextRunTime = 0;
ImageObj.StretchAct.RunNowCount = 0;
}
else{
var dStepWidth  = DestWidth-iSourWidth;
var dStepHeight = DestHeight-iSourHeight;
if(dStepWidth<1&&dStepWidth>-1) dStepWidth = 0;
if(dStepHeight<1&&dStepHeight>-1) dStepHeight = 0;
if(dStepWidth==0&&dStepHeight==0) return;
var iCheckWidth  = dStepWidth;
var iCheckHeight = dStepHeight;
if(iCheckWidth<0) iCheckWidth = 0.0-iCheckWidth;
if(iCheckHeight<0) iCheckHeight = 0.0-iCheckHeight;
var iOneStepWidth  = OneStepPixel;
var iOneStepHeight = OneStepPixel;
var SizeRate = 0;
if(iCheckWidth>=iCheckHeight){
SizeRate = iCheckHeight*100.0/iCheckWidth;
iOneStepHeight = OneStepPixel*SizeRate/100.0;
ImageObj.StretchAct.RunMaxCount  = iCheckWidth/OneStepPixel;
}
else{
SizeRate = iCheckWidth*100.0/iCheckHeight;
iOneStepWidth  = OneStepPixel*SizeRate/100.0;
ImageObj.StretchAct.RunMaxCount = iCheckHeight/OneStepPixel;
}
if(dStepWidth<0) iOneStepWidth = 0.0-iOneStepWidth;
if(dStepHeight<0) iOneStepHeight = 0.0-iOneStepHeight;
ImageObj.StretchAct.OneStepWidth = iOneStepWidth;
ImageObj.StretchAct.OneStepHeight = iOneStepHeight;
ImageObj.StretchAct.NextRunTime = TickTimeGet()+ImageObj.StretchAct.StepTime;
}
ImageObj.StretchAct.RunNowCount = 0;
ImageObj.StretchAct.isActive = true;
}
function ImageMoveSmoothSet(ImageObj,iStartSlowCount,iEndSlowCount){
if(ImageObj==null) return;
ImageObj.MoveAct.StartSlowCount = iStartSlowCount;
ImageObj.MoveAct.EndSlowCount   = iEndSlowCount;
}
function ImageMoveToTime(ImageObj,DestX,DestY,SetTotalTime){
if(ImageObj==null) return;
if(SetTotalTime<=0) return(ImageMoveTo(ImageObj,DestX,DestY,0,0));
if(DestX==ImageObj.PosiX&&DestY==ImageObj.PosiY) return;
var iTempRunTime = 58+SystemTimerTime;
var OneRunTime = SetTotalTime/iTempRunTime;
var iSourX = ImageObj.PosiX;
var iSourY = ImageObj.PosiY;
var dStepWidth  = DestX-iSourX;
var dStepHeight = DestY-iSourY;
if(dStepWidth<1&&dStepWidth>-1) dStepWidth = 0;
if(dStepHeight<1&&dStepHeight>-1) dStepHeight = 0;
if(dStepWidth==0&&dStepHeight==0) return;
if(dStepWidth<0) dStepWidth = 0.0-dStepWidth;
if(dStepHeight<0) dStepHeight = 0.0-dStepHeight;
var iOneStepWidth  = dStepWidth/OneRunTime;
var iOneStepHeight = dStepHeight/OneRunTime;
var iOneStepPixel = iOneStepWidth;
if(iOneStepHeight>iOneStepWidth) iOneStepPixel = iOneStepHeight;
ImageMoveTo(ImageObj,DestX,DestY,iOneStepPixel,OneRunTime);
}
function ImageMoveTo(ImageObj,DestX,DestY,OneStepPixel,OneStepTime){
if(ImageObj==null) return;
if(DestX==ImageObj.PosiX&&DestY==ImageObj.PosiY) return;
var iSourX = ImageObj.PosiX;
var iSourY = ImageObj.PosiY;
ImageObj.MoveAct.SourceX = iSourX;
ImageObj.MoveAct.SourceY = iSourY;
ImageObj.MoveAct.DestX = DestX;
ImageObj.MoveAct.DestY = DestY;
ImageObj.MoveAct.StepTime = OneStepTime;
if(OneStepTime<=0||OneStepPixel<=0){
ImageObj.PosiX = DestX;
ImageObj.PosiY = DestY;
ImageObj.MoveAct.OneStepWidth  = 0;
ImageObj.MoveAct.OneStepHeight = 0;
ImageObj.MoveAct.StepTime = 0;
ImageObj.MoveAct.NextRunTime = 0;
ImageObj.MoveAct.RunMaxCount = 0;
}
else{
var dStepWidth  = DestX-iSourX;
var dStepHeight = DestY-iSourY;
if(dStepWidth<1&&dStepWidth>-1) dStepWidth = 0;
if(dStepHeight<1&&dStepHeight>-1) dStepHeight = 0;
if(dStepWidth==0&&dStepHeight==0) return;
var iCheckX = dStepWidth;
var iCheckY = dStepHeight;
if(iCheckX<0) iCheckX = 0.0-iCheckX;
if(iCheckY<0) iCheckY = 0.0-iCheckY;
var iOneStepWidth  = OneStepPixel;
var iOneStepHeight = OneStepPixel;
var SizeRate = 0;
if(iCheckX>=iCheckY){
SizeRate = iCheckY*100.0/iCheckX;
iOneStepHeight = OneStepPixel*SizeRate/100.0;
ImageObj.MoveAct.RunMaxCount  = iCheckX/OneStepPixel;
}
else{
SizeRate = iCheckX*100.0/iCheckY;
iOneStepWidth  = OneStepPixel*SizeRate/100.0;
ImageObj.MoveAct.RunMaxCount  = iCheckY/OneStepPixel;
}
if(dStepWidth<0) iOneStepWidth = 0.0-iOneStepWidth;
if(dStepHeight<0) iOneStepHeight = 0.0-iOneStepHeight;
ImageObj.MoveAct.OneStepWidth  = iOneStepWidth;
ImageObj.MoveAct.OneStepHeight = iOneStepHeight;
ImageObj.MoveAct.NextRunTime = TickTimeGet()+ImageObj.MoveAct.StepTime;
}
ImageObj.MoveAct.RunNowCount  = 0;
ImageObj.MoveAct.isActive = true;
}
function ImageMoveStretchBalance(ImageObj,FirstMode){
if(ImageObj==null) return;
var iMoveMaxCount = ImageObj.MoveAct.RunMaxCount;
var iStretchMaxCount = ImageObj.StretchAct.RunMaxCount;
if(FirstMode==0){
if(iMoveMaxCount>=iStretchMaxCount){
ImageObj.StretchAct.RunMaxCount = iMoveMaxCount;
ImageObj.StretchAct.StepTime = ImageObj.MoveAct.StepTime;
ImageObj.StretchAct.NextRunTime = ImageObj.MoveAct.NextRunTime;
ImageObj.StretchAct.OneStepWidth  = 0;
ImageObj.StretchAct.OneStepHeight = 0;
var dStepWidth  = ImageObj.StretchAct.DestWidth-ImageObj.StretchAct.SourceWidth;
var dStepHeight = ImageObj.StretchAct.DestHeight-ImageObj.StretchAct.SourceHeight;
var iOneStepWidth  = dStepWidth/iMoveMaxCount;
var iOneStepHeight = dStepHeight/iMoveMaxCount;
ImageObj.StretchAct.OneStepWidth  = iOneStepWidth;
ImageObj.StretchAct.OneStepHeight = iOneStepHeight;
}
else{
ImageObj.MoveAct.RunMaxCount = iStretchMaxCount;
ImageObj.MoveAct.StepTime = ImageObj.StretchAct.StepTime;
ImageObj.MoveAct.NextRunTime = ImageObj.StretchAct.NextRunTime;
var dStepWidth  = ImageObj.MoveAct.DestX-ImageObj.MoveAct.SourceX;
var dStepHeight = ImageObj.MoveAct.DestY-ImageObj.MoveAct.SourceY;
var iOneStepWidth  = dStepWidth/iStretchMaxCount;
var iOneStepHeight = dStepHeight/iStretchMaxCount;
ImageObj.MoveAct.OneStepWidth  = iOneStepWidth;
ImageObj.MoveAct.OneStepHeight = iOneStepHeight;
}
}
}
function ImageAlphaTime(ImageObj,DestAlpha,SetTotalTime){
if(ImageObj==null) return;
if(SetTotalTime<=0) return(ImageAlpha(ImageObj,DestAlpha,0,0));
if(DestAlpha==ImageObj.AlphaValue) return;
var iTempRunTime = 58+SystemTimerTime;
var OneRunTime = SetTotalTime/iTempRunTime;
var iSourValue = ImageObj.AlphaValue;
var dStepValue  = DestAlpha-iSourValue;
if(dStepValue<1&&dStepValue>-1) dStepValue = 0;
if(dStepValue==0) return;
if(dStepValue<0) dStepValue = 0.0-dStepValue;
var iOneStepValue  = dStepValue/OneRunTime;
ImageAlpha(ImageObj,DestAlpha,iOneStepValue,OneRunTime);
}
function ImageAlpha(ImageObj,DestAlpha,OneStepPixel,OneStepTime){
if(ImageObj==null) return;
var iAlphaValue = ImageObj.AlphaValue;
ImageObj.AlphaAct.SourceAlpha = iAlphaValue;
ImageObj.AlphaAct.DestAlpha = DestAlpha;
ImageObj.AlphaAct.StepTime = OneStepTime;
if(OneStepTime<=0||OneStepPixel<=0){
ImageObj.AlphaValue = DestAlpha;
ImageObj.AlphaAct.OneStepValue  = 0;
ImageObj.AlphaAct.StepTime = 0;
ImageObj.AlphaAct.NextRunTime = 0;
ImageObj.AlphaAct.RunMaxCount = 0;
}
else{
var dStepAlpha  = DestAlpha-iAlphaValue;
if(dStepAlpha<1&&dStepAlpha>-1) dStepAlpha = 0;
if(dStepAlpha==0) return;
var iCheckAlpha = dStepAlpha;
if(iCheckAlpha<0) iCheckAlpha = 0.0-iCheckAlpha;
var iOneStepAlpha  = OneStepPixel;
ImageObj.AlphaAct.RunMaxCount  = iCheckAlpha/iOneStepAlpha;
if(dStepAlpha<0) iOneStepAlpha = 0.0-iOneStepAlpha;
ImageObj.AlphaAct.OneStepValue  = iOneStepAlpha;
ImageObj.AlphaAct.NextRunTime = TickTimeGet()+ImageObj.AlphaAct.StepTime;
}
ImageObj.AlphaAct.RunNowCount  = 0;
ImageObj.AlphaAct.isActive = true;
}
function ImageLightTime(ImageObj,DestLight,SetTotalTime){
if(ImageObj==null) return;
if(SetTotalTime<=0) return(ImageLight(ImageObj,DestLight,0,0));
if(DestLight==ImageObj.LightValue) return;
var iTempRunTime = 58+SystemTimerTime;
var OneRunTime = SetTotalTime/iTempRunTime;
var iSourValue = ImageObj.LightValue;
var dStepValue  = DestLight-iSourValue;
if(dStepValue<1&&dStepValue>-1) dStepValue = 0;
if(dStepValue==0) return;
if(dStepValue<0) dStepValue = 0.0-dStepValue;
var iOneStepValue  = dStepValue/OneRunTime;
ImageLight(ImageObj,DestLight,iOneStepValue,OneRunTime);
}
function ImageLight(ImageObj,DestLight,OneStepPixel,OneStepTime){
if(ImageObj==null) return;
var iLightValue = ImageObj.LightValue;
ImageObj.LightAct.SourceLight = iLightValue;
ImageObj.LightAct.DestLight = DestLight;
ImageObj.LightAct.StepTime = OneStepTime;
if(OneStepTime<=0||OneStepPixel<=0){
ImageObj.LightValue = DestLight;
ImageObj.LightAct.OneStepValue  = 0;
ImageObj.LightAct.StepTime = 0;
ImageObj.LightAct.NextRunTime = 0;
ImageObj.LightAct.RunMaxCount = 0;
}
else{
var dStepLight  = DestLight-iLightValue;
if(dStepLight<1&&dStepLight>-1) dStepLight = 0;
if(dStepLight==0) return;
var iCheckLight = dStepLight;
if(iCheckLight<0) iCheckLight = 0.0-iCheckLight;
var iOneStepLight  = OneStepPixel;
ImageObj.LightAct.RunMaxCount  = iCheckLight/iOneStepLight;
if(dStepLight<0) iOneStepLight = 0.0-iOneStepLight;
ImageObj.LightAct.OneStepValue  = iOneStepLight;
ImageObj.LightAct.NextRunTime = TickTimeGet()+ImageObj.LightAct.StepTime;
}
ImageObj.LightAct.RunNowCount  = 0;
ImageObj.LightAct.isActive = true;
}
function ImageRotateTime(ImageObj,DestAngle,SetTotalTime){
if(ImageObj==null) return;
if(SetTotalTime<=0) return(ImageRotate(ImageObj,DestAngle,0,0));
if(DestAngle==ImageObj.Rotate) return;
var iTempRunTime = 58+SystemTimerTime;
var OneRunTime = SetTotalTime/iTempRunTime;
var iSourRotate = ImageObj.Rotate;
var dStepValue  = DestAngle-iSourRotate;
if(dStepValue<1&&dStepValue>-1) dStepValue = 0;
if(dStepValue==0) return;
if(dStepValue<0) dStepValue = 0.0-dStepValue;
var iOneStepValue  = dStepValue/OneRunTime;
ImageRotate(ImageObj,DestAngle,iOneStepValue,OneRunTime);
}
function ImageRotate(ImageObj,DestAngle,OneStepAngle,OneStepTime){
if(ImageObj==null) return;
var iRotateValue = ImageObj.Rotate;
ImageObj.RotateAct.SourceAngle = iRotateValue;
ImageObj.RotateAct.DestAngle = DestAngle;
ImageObj.RotateAct.StepTime = OneStepTime;
if(OneStepTime<=0||OneStepAngle<=0){
ImageObj.Rotate = DestAngle;
ImageObj.RotateAct.OneStepValue  = 0;
ImageObj.RotateAct.StepTime = 0;
ImageObj.RotateAct.NextRunTime = 0;
ImageObj.RotateAct.RunMaxCount = 0;
}
else{
var dStepRotate  = DestAngle-iRotateValue;
if(dStepRotate<1&&dStepRotate>-1) dStepRotate = 0;
if(dStepRotate==0) return;
if(dStepRotate>=0){
ImageObj.RotateAct.RunMaxCount  = (dStepRotate/OneStepAngle)+1;
ImageObj.RotateAct.OneStepValue  = OneStepAngle;
}
else{
ImageObj.RotateAct.RunMaxCount  = 0-((dStepRotate/OneStepAngle)-1);
ImageObj.RotateAct.OneStepValue  = 0-OneStepAngle;
}
if(ImageObj.RotateAct.RunMaxCount<=0) ImageObj.RotateAct.RunMaxCount = 1;
ImageObj.RotateAct.NextRunTime = TickTimeGet()+ImageObj.RotateAct.StepTime;
}
ImageObj.RotateAct.RunNowCount  = 0;
ImageObj.RotateAct.isActive = true;
}
function TickTimeGet(){
var TempDateTime = new Date();
var iTickValue  = TempDateTime.getTime();
return(iTickValue);
}
</script>
<script>
function AutoObjectCheck(ImageObj,isCheckActive){
if(ImageObj==null) return;
var GetRet = false;
var iNowTime = TickTimeGet();
if(ImageObj.Visible==false&&isCheckActive==true) return(false);
var isMoveActive = false;
while(ImageObj.MoveAct.isActive==true){
if(isCheckActive==true) return(true);
GetRet = true;
if(ImageObj.MoveAct.RunMaxCount>=1){
if(iNowTime<ImageObj.MoveAct.NextRunTime) break;
var StartMineNum = ImageObj.MoveAct.StartSlowCount;
var EndMineNum   = ImageObj.MoveAct.EndSlowCount;
var TempStepLowTime  =0;
var TempStepTime  = ImageObj.MoveAct.StepTime;
if(ImageObj.MoveAct.RunNowCount<=StartMineNum){
var vUseCount = (StartMineNum+1)-ImageObj.MoveAct.RunNowCount;
TempStepLowTime  = (TempStepTime*2)/(ImageObj.MoveAct.RunNowCount+1);
TempStepTime += TempStepLowTime*vUseCount;
}
else
if((ImageObj.MoveAct.RunNowCount+EndMineNum)>=ImageObj.MoveAct.RunMaxCount){
var vUseCount = ImageObj.MoveAct.RunMaxCount-ImageObj.MoveAct.RunNowCount;
TempStepLowTime  = (TempStepTime*2)/vUseCount;
TempStepTime += TempStepLowTime*((EndMineNum+1)-vUseCount);
}
ImageObj.MoveAct.NextRunTime = TickTimeGet()+TempStepTime;
var iStepWidth  = ImageObj.MoveAct.OneStepWidth;
var iStepHeight = ImageObj.MoveAct.OneStepHeight;
ImageObj.PosiX += iStepWidth;
ImageObj.PosiY += iStepHeight;
}
if(ImageObj.MoveAct.OneStepWidth>=0){
if(ImageObj.PosiX>=ImageObj.MoveAct.DestX||ImageObj.MoveAct.OneStepWidth==0) ImageObj.PosiX = ImageObj.MoveAct.DestX;
}
else{
if(ImageObj.PosiX<=ImageObj.MoveAct.DestX||ImageObj.MoveAct.OneStepWidth==0) ImageObj.PosiX = ImageObj.MoveAct.DestX;
}
if(ImageObj.MoveAct.OneStepHeight>=0){
if(ImageObj.PosiY>=ImageObj.MoveAct.DestY||ImageObj.MoveAct.OneStepHeight==0) ImageObj.PosiY = ImageObj.MoveAct.DestY;
}
else{
if(ImageObj.PosiY<=ImageObj.MoveAct.DestY||ImageObj.MoveAct.OneStepHeight==0) ImageObj.PosiY = ImageObj.MoveAct.DestY;
}
ImageObj.MoveAct.RunNowCount++;
isMoveActive = true;
break;
}
while(ImageObj.RepaintActive>=1){
GetRet = true;
if(iNowTime<ImageObj.RepaintActive) break;
ImageObj.RepaintActive = 0;
ImageObj.MoveAct.isActive = true;
break;
}
while(ImageObj.StretchAct.isActive==true){
if(isCheckActive==true) return(true);
GetRet = true;
if(ImageObj.StretchAct.RunMaxCount>=1){
if(iNowTime<ImageObj.StretchAct.NextRunTime){
if(isMoveActive==true&&(iNowTime+250)>=ImageObj.StretchAct.NextRunTime);
else break;
}
ImageObj.StretchAct.NextRunTime = TickTimeGet()+ImageObj.StretchAct.StepTime;
ImageObj.DrawWidth += ImageObj.StretchAct.OneStepWidth;
ImageObj.DrawHeight += ImageObj.StretchAct.OneStepHeight;
}
if(ImageObj.StretchAct.OneStepWidth>=0){ if(ImageObj.DrawWidth>=ImageObj.StretchAct.DestWidth||ImageObj.StretchAct.OneStepWidth==0) ImageObj.DrawWidth = ImageObj.StretchAct.DestWidth; }
else{ if(ImageObj.DrawWidth<=ImageObj.StretchAct.DestWidth||ImageObj.StretchAct.OneStepWidth==0) ImageObj.DrawWidth = ImageObj.StretchAct.DestWidth; }
if(ImageObj.StretchAct.OneStepHeight>=0){ if(ImageObj.DrawHeight>=ImageObj.StretchAct.DestHeight||ImageObj.StretchAct.OneStepHeight==0) ImageObj.DrawHeight = ImageObj.StretchAct.DestHeight; }
else{ if(ImageObj.DrawHeight<=ImageObj.StretchAct.DestHeight||ImageObj.StretchAct.OneStepHeight==0) ImageObj.DrawHeight = ImageObj.StretchAct.DestHeight; }
ImageObj.StretchAct.RunNowCount++;
break;
}
while(ImageObj.AlphaAct.isActive==true){
if(isCheckActive==true) return(true);
GetRet = true;
if(iNowTime<ImageObj.AlphaAct.NextRunTime) break;
var TempStepTime  = ImageObj.AlphaAct.StepTime;
ImageObj.AlphaAct.NextRunTime = TickTimeGet()+TempStepTime;
var iStepValue  = ImageObj.AlphaAct.OneStepValue;
ImageObj.AlphaValue += iStepValue;
if(iStepValue>=0){
if(ImageObj.AlphaValue>=ImageObj.AlphaAct.DestAlpha||ImageObj.AlphaAct.OneStepValue==0) ImageObj.AlphaValue = ImageObj.AlphaAct.DestAlpha;
}
else{
if(ImageObj.AlphaValue<=ImageObj.AlphaAct.DestAlpha||ImageObj.AlphaAct.OneStepValue==0) ImageObj.AlphaValue = ImageObj.AlphaAct.DestAlpha;
}
ImageObj.AlphaAct.RunNowCount++;
break;
}
while(ImageObj.LightAct.isActive==true){
if(isCheckActive==true) return(true);
GetRet = true;
if(iNowTime<ImageObj.LightAct.NextRunTime) break;
var TempStepTime  = ImageObj.LightAct.StepTime;
ImageObj.LightAct.NextRunTime = TickTimeGet()+TempStepTime;
var iStepValue  = ImageObj.LightAct.OneStepValue;
ImageObj.LightValue += iStepValue;
if(iStepValue>=0){
if(ImageObj.LightValue>=ImageObj.LightAct.DestLight||ImageObj.LightAct.OneStepValue==0) ImageObj.LightValue = ImageObj.LightAct.DestLight;
}
else{
if(ImageObj.LightValue<=ImageObj.LightAct.DestLight||ImageObj.LightAct.OneStepValue==0) ImageObj.LightValue = ImageObj.LightAct.DestLight;
}
ImageObj.LightAct.RunNowCount++;
break;
}
while(ImageObj.RotateAct.isActive==true){
if(isCheckActive==true) return(true);
GetRet = true;
if(iNowTime<ImageObj.RotateAct.NextRunTime) break;
var TempStepTime  = ImageObj.RotateAct.StepTime;
ImageObj.RotateAct.NextRunTime = TickTimeGet()+TempStepTime;
var iStepValue  = ImageObj.RotateAct.OneStepValue;
ImageObj.Rotate += iStepValue;
if(iStepValue>=0){
if(ImageObj.Rotate>=ImageObj.RotateAct.DestAngle||ImageObj.RotateAct.OneStepValue==0) ImageObj.Rotate = ImageObj.RotateAct.DestAngle;
}
else{
if(ImageObj.Rotate<=ImageObj.RotateAct.DestAngle||ImageObj.RotateAct.OneStepValue==0) ImageObj.Rotate = ImageObj.RotateAct.DestAngle;
}
ImageObj.RotateAct.RunNowCount++;
break;
}
if(ImageObj.Visible==false) return(false);
return(GetRet);
}
function ObjectRuningCheck(ImageObj){
if(ImageObj==null) return(false);
if(ImageObj.MoveAct.isActive==true) return(true);
if(ImageObj.StretchAct.isActive==true) return(true);
if(ImageObj.RotateAct.isActive==true) return(true);
if(ImageObj.AlphaAct.isActive==true) return(true);
if(ImageObj.LightAct.isActive==true) return(true);
return(false);
}
function AutoObjectRuning(ImageObj,isRepaintAll){
if(ImageObj==null) return;
var iNowTime = TickTimeGet();
var hadRunObject = false;
if(ImageObj.MoveAct.isActive==true){
hadRunObject  = true;
if(ImageObj.PosiX==ImageObj.MoveAct.DestX&&ImageObj.PosiY==ImageObj.MoveAct.DestY){
ImageObj.MoveAct.isActive = false;
ImageObj.MoveAct.RunNowCount = 0;
ImageObj.MoveAct.RunMaxCount = 0;
}
}
if(ImageObj.StretchAct.isActive==true){
hadRunObject  = true;
if(ImageObj.DrawWidth==ImageObj.StretchAct.DestWidth&&ImageObj.DrawHeight==ImageObj.StretchAct.DestHeight){
ImageObj.StretchAct.isActive = false;
ImageObj.StretchAct.RunNowCount = 0;
ImageObj.StretchAct.RunMaxCount = 0;
}
}
if(ImageObj.AlphaAct.isActive==true){
hadRunObject  = true;
if(ImageObj.AlphaValue==ImageObj.AlphaAct.DestAlpha){
ImageObj.AlphaAct.isActive = false;
ImageObj.AlphaAct.RunNowCount = 0;
ImageObj.AlphaAct.RunMaxCount = 0;
}
}
if(ImageObj.LightAct.isActive==true){
hadRunObject  = true;
if(ImageObj.LightValue==ImageObj.LightAct.DestLight){
ImageObj.LightAct.isActive = false;
ImageObj.LightAct.RunNowCount = 0;
ImageObj.LightAct.RunMaxCount = 0;
}
}
if(ImageObj.RotateAct.isActive==true){
hadRunObject  = true;
if(ImageObj.Rotate==ImageObj.RotateAct.DestAngle){
ImageObj.RotateAct.isActive = false;
ImageObj.RotateAct.RunNowCount = 0;
ImageObj.RotateAct.RunMaxCount = 0;
}
}
if(ImageObj.RotateAct.isActive==false){
while(ImageObj.EffectRotate.ActiveMode>=1){
if(ImageObj.EffectRotate.IntervalEntryTime<=0){
if(ImageObj.EffectRotate.RotateRandom==0) ImageObj.EffectRotate.IntervalEntryTime  = TickTimeGet()+ImageObj.EffectRotate.IntervalTime;
else ImageObj.EffectRotate.IntervalEntryTime  = TickTimeGet()+(Math.random()*(ImageObj.EffectRotate.IntervalTime*1.5));
}
if(ImageObj.EffectRotate.ActiveMode==1){
if(iNowTime<ImageObj.EffectRotate.IntervalEntryTime) break;
var iOneAngle = 1;
var iRunTotalTime = ImageObj.EffectRotate.RunTotalTime;
if(ImageObj.EffectRotate.RotateRandom==1) iRunTotalTime = (ImageObj.EffectRotate.RunTotalTime*0.25)+(Math.random()*(ImageObj.EffectRotate.RunTotalTime*1.5));
var iRunAngle = ImageObj.EffectRotate.RotateAngle;
if(iRunAngle<0) iRunAngle = 0-iRunAngle;
var iOneSetpSec = iRunTotalTime/iRunAngle;
if(iOneSetpSec<50){ iOneAngle = 60.0/iOneSetpSec; iOneSetpSec = 50; }
ImageObj.Rotate = ImageObj.RotateAct.SourceAngle;
var iNewRotateAngle = ImageObj.EffectRotate.RotateAngle;
if(ImageObj.EffectRotate.RotateDirector==1) iNewRotateAngle = 0-ImageObj.EffectRotate.RotateAngle;
if(ImageObj.EffectRotate.ReverseDirector>=1){
if(ImageObj.EffectRotate.RotateDirector==0) iNewRotateAngle = 0-ImageObj.EffectRotate.RotateAngle;
else iNewRotateAngle = ImageObj.EffectRotate.RotateAngle;
}
ImageRotate(ImageObj,iNewRotateAngle,iOneAngle,iOneSetpSec);
}
else{
if(ImageObj.EffectRotate.SourceAngle==ImageObj.Rotate&&iNowTime<ImageObj.EffectRotate.IntervalEntryTime) break;
var iOneAngle = 1;
var iRunTotalTime = ImageObj.EffectRotate.RunTotalTime/4;
if(ImageObj.EffectRotate.RotateRandom==1) iRunTotalTime = (ImageObj.EffectRotate.RunTotalTime*0.25)+(Math.random()*(ImageObj.EffectRotate.RunTotalTime*1.5));
var iRunAngle = ImageObj.EffectRotate.RotateAngle;
if(iRunAngle<0) iRunAngle = 0-iRunAngle;
var iOneSetpSec = iRunTotalTime/iRunAngle;
if(iOneSetpSec<50){ iOneAngle = 60.0/iOneSetpSec; iOneSetpSec = 50; }
var iRotateAngle = ImageObj.EffectRotate.RotateAngle;
var iNewRotateAngle = iRotateAngle;
if(ImageObj.EffectRotate.RotateDirector==0){
if(ImageObj.EffectRotate.SourceAngle<ImageObj.Rotate) iNewRotateAngle = ImageObj.EffectRotate.SourceAngle-iRotateAngle;
else if(ImageObj.EffectRotate.SourceAngle>ImageObj.Rotate) iNewRotateAngle = ImageObj.EffectRotate.SourceAngle;
}
else{
iNewRotateAngle = 0-ImageObj.EffectRotate.RotateAngle;
if(ImageObj.EffectRotate.SourceAngle>ImageObj.Rotate) iNewRotateAngle = ImageObj.EffectRotate.SourceAngle+iRotateAngle;
else if(ImageObj.EffectRotate.SourceAngle<ImageObj.Rotate) iNewRotateAngle = ImageObj.EffectRotate.SourceAngle;
}
ImageRotate(ImageObj,iNewRotateAngle,iOneAngle,iOneSetpSec);
}
ImageObj.EffectRotate.IntervalEntryTime = 0;
break;
}
}
if(ImageObj.AlphaAct.isActive==false){
while(ImageObj.EffectAlpha.ActiveMode>=1){
if(ImageObj.EffectAlpha.IntervalEntryTime<=0){
if(ImageObj.EffectAlpha.AlphaRandom==0) ImageObj.EffectAlpha.IntervalEntryTime  = TickTimeGet()+ImageObj.EffectAlpha.IntervalTime;
else ImageObj.EffectAlpha.IntervalEntryTime  = TickTimeGet()+(Math.random()*(ImageObj.EffectAlpha.IntervalTime*1.5));
}
if(iNowTime<ImageObj.EffectAlpha.IntervalEntryTime) break;
ImageObj.EffectAlpha.IntervalEntryTime = 0;
var iRunTotalTime = ImageObj.EffectAlpha.RunTotalTime/2;
var iAddAlphaValue = 255.0*ImageObj.EffectAlpha.AlphaPercent/100.0;
if(ImageObj.EffectAlpha.AlphaRandom==1) iRunTotalTime = (iRunTotalTime*0.25)+(Math.random()*(iRunTotalTime*1.5));
var iDestAlpha = ImageObj.EffectAlpha.SourceAlpha;
if(ImageObj.EffectAlpha.ActiveMode==1){
if(ImageObj.AlphaValue==ImageObj.EffectAlpha.SourceAlpha){ iDestAlpha = ImageObj.EffectAlpha.SourceAlpha-iAddAlphaValue; }
}
if(iDestAlpha<0) iDestAlpha = 0;
if(iDestAlpha>255) iDestAlpha = 255;
var iOneSetpValue = 2.0;
var iOneSetpSec = (iRunTotalTime*iOneSetpValue)/iAddAlphaValue+4;
if(iOneSetpSec<50){ iOneSetpValue = (60.0/iOneSetpSec)*2.0; iOneSetpSec = 50; }
ImageAlpha(ImageObj,iDestAlpha,iOneSetpValue,iOneSetpSec);
break;
}
}
if(ImageObj.LightAct.isActive==false){
while(ImageObj.EffectLight.ActiveMode>=1){
if(ImageObj.EffectLight.IntervalEntryTime<=0){
if(ImageObj.EffectLight.LightRandom==0) ImageObj.EffectLight.IntervalEntryTime  = TickTimeGet()+ImageObj.EffectLight.IntervalTime;
else ImageObj.EffectLight.IntervalEntryTime  = TickTimeGet()+(Math.random()*(ImageObj.EffectLight.IntervalTime*1.5));
}
if(iNowTime<ImageObj.EffectLight.IntervalEntryTime) break;
ImageObj.EffectLight.IntervalEntryTime = 0;
var iDestLight = ImageObj.EffectLight.SourceLight;
var iRunTotalTime = ImageObj.EffectLight.RunTotalTime/2;
var iAddLightValue = 255.0*ImageObj.EffectLight.LightPercent/100.0;
if(ImageObj.EffectLight.ActiveMode==1){
if(ImageObj.LightValue<=ImageObj.EffectLight.SourceLight){ iDestLight = ImageObj.EffectLight.SourceLight+iAddLightValue; }
}
if(ImageObj.EffectLight.ActiveMode==2){
if(ImageObj.LightValue>=ImageObj.EffectLight.SourceLight){ iDestLight = ImageObj.EffectLight.SourceLight-iAddLightValue; }
}
if(ImageObj.EffectLight.ActiveMode==3){
if(ImageObj.LightValue==ImageObj.EffectLight.SourceLight){ iDestLight = ImageObj.EffectLight.SourceLight+iAddLightValue; iAddLightValue *= 2; var iRunTotalTime = ImageObj.EffectLight.RunTotalTime/4; }
else if(ImageObj.LightValue>ImageObj.EffectLight.SourceLight){ iDestLight = ImageObj.EffectLight.SourceLight-iAddLightValue; iAddLightValue *= 2; }
}
if(ImageObj.EffectLight.LightRandom==1) iRunTotalTime = (iRunTotalTime*0.25)+(Math.random()*(iRunTotalTime*1.5));
var iOneSetpValue = 2.0;
var iOneSetpSec = (iRunTotalTime*iOneSetpValue)/iAddLightValue+4;
if(iOneSetpSec<50){ iOneSetpValue = (60.0/iOneSetpSec)*2.0; iOneSetpSec = 50; }
ImageLight(ImageObj,iDestLight,iOneSetpValue,iOneSetpSec);
break;
}
}
if(ImageObj.MoveAct.isActive==false){
while(ImageObj.EffectMove.ActiveMode>=1){
if(iNowTime<ImageObj.EffectMove.IntervalEntryTime) break;
ImageObj.EffectMove.IntervalEntryTime = 0;
var iRunTotalTime = ImageObj.EffectMove.RunTotalTime*0.6;
var iMoveDestX = ImageObj.EffectMove.SourceX+ImageObj.EffectMove.MoveDestX;
var iMoveDestY = ImageObj.EffectMove.SourceY+ImageObj.EffectMove.MoveDestY;
if(ImageObj.EffectMove.MoveAbsolute==1){ iMoveDestX = ImageObj.EffectMove.MoveDestX; iMoveDestY = ImageObj.EffectMove.MoveDestY; }
if(ImageObj.EffectMove.ActiveMode==1){
var isReverseDirector = false;
if(ImageObj.PosiX!=ImageObj.EffectMove.SourceX||ImageObj.PosiY!=ImageObj.EffectMove.SourceY){
iMoveDestX = ImageObj.EffectMove.SourceX; iMoveDestY = ImageObj.EffectMove.SourceY;
if(ImageObj.EffectRotate.ActiveMode==1){
isReverseDirector  = true; ImageObj.EffectRotate.ReverseDirector = 1; ImageObj.Rotate = ImageObj.RotateAct.DestAngle;
}
}
if(ImageObj.EffectRotate.ActiveMode==1&&ImageObj.EffectRotate.ReverseDirector>=1&&isReverseDirector==false){
ImageObj.EffectRotate.ReverseDirector = 0; ImageObj.Rotate = ImageObj.RotateAct.DestAngle;
}
}
if(ImageObj.EffectMove.ActiveMode==2){
if(ImageObj.PosiX!=ImageObj.EffectMove.SourceX||ImageObj.PosiY!=ImageObj.EffectMove.SourceY){
iMoveDestX = ImageObj.EffectMove.SourceX; iMoveDestY = ImageObj.EffectMove.SourceY;
if(ImageObj.EffectMove.RealMirrorMode==0) ImageObj.iMirrorMode = 1;
else if(ImageObj.EffectMove.RealMirrorMode==1) ImageObj.iMirrorMode = 0;
else if(ImageObj.EffectMove.RealMirrorMode==2) ImageObj.iMirrorMode = 3;
else ImageObj.iMirrorMode = 2;
}
else{
ImageObj.iMirrorMode = ImageObj.EffectMove.RealMirrorMode;
}
}
if(ImageObj.EffectMove.ActiveMode==3){
if(ImageObj.PosiX!=ImageObj.EffectMove.SourceX||ImageObj.PosiY!=ImageObj.EffectMove.SourceY){
iMoveDestX = ImageObj.EffectMove.SourceX; iMoveDestY = ImageObj.EffectMove.SourceY;
if(ImageObj.EffectMove.RealMirrorMode==0) ImageObj.iMirrorMode = 2;
else if(ImageObj.EffectMove.RealMirrorMode==1) ImageObj.iMirrorMode = 3;
else if(ImageObj.EffectMove.RealMirrorMode==2) ImageObj.iMirrorMode = 0;
else ImageObj.iMirrorMode = 1;
}
else{
ImageObj.iMirrorMode = ImageObj.EffectMove.RealMirrorMode;
}
}
var isMoveNoSetp = false;
if(ImageObj.EffectMove.ActiveMode==4){
if(ImageObj.PosiX!=ImageObj.EffectMove.SourceX||ImageObj.PosiY!=ImageObj.EffectMove.SourceY){
iMoveDestX = ImageObj.EffectMove.SourceX; iMoveDestY = ImageObj.EffectMove.SourceY;
isMoveNoSetp  = true;
}
}
var iMoveWidth  = ImageObj.EffectMove.MoveDestX-ImageObj.EffectMove.SourceX;
var iMoveHeight = ImageObj.EffectMove.MoveDestY-ImageObj.EffectMove.SourceY;
if(ImageObj.EffectMove.MoveAbsolute==0){ iMoveWidth = ImageObj.EffectMove.MoveDestX; iMoveHeight = ImageObj.EffectMove.MoveDestY; }
var iTempWidth  = iMoveWidth;
var iTempHeight = iMoveHeight;
if(iTempWidth<0) iTempWidth = 0-iTempWidth;
if(iTempHeight<0) iTempHeight = 0-iTempHeight;
var iMoveMaxValue  = iMoveWidth;
if(iTempHeight>iTempWidth) iMoveMaxValue  = iMoveHeight;
if(iMoveMaxValue<0) iMoveMaxValue  = 0-iMoveMaxValue;
var iOneSetpValue = 1;
var iOneSetpSec = iRunTotalTime/iMoveMaxValue+4;
if(iOneSetpSec<50){ iOneSetpValue = (60.0/iOneSetpSec)*2.0; iOneSetpSec = 50; }
if(isMoveNoSetp==true) { iOneSetpValue = 0; iOneSetpSec = 0; }
ImageMoveTo(ImageObj,iMoveDestX,iMoveDestY,iOneSetpValue,iOneSetpSec);
break;
}
}
if(ImageObj.Visible==false) return(false);
if(hadRunObject==true||isRepaintAll==true){
ImageObjDrawParent(ImageObj);
}
return(true);
}
</script>
<Canvas Width='1280' Height='800'  style='border:0px solid #888888'></Canvas>
<Script>
WindowFormCanvas = document.querySelector('Canvas');
WindowFormCanvas_2D = WindowFormCanvas.getContext('2d');
if(GlobalStretchMode==0){
BackgroundCanvas1 = document.querySelector('Canvas');
WindowFormCanvas = null; WindowFormCanvas_2D = null;
}
else{
BackgroundCanvas1 = document.createElement('canvas');
}
BackgroundCanvas1.width  = MainCanvasWidth;
BackgroundCanvas1.height = MainCanvasHeight;
BackgroundCanvas1_2D = BackgroundCanvas1.getContext('2d');
backImageCanvas = document.createElement('canvas');
backImageCanvas.width  = MainCanvasWidth;
backImageCanvas.height = MainCanvasHeight;
backImageCanvas_2D = backImageCanvas.getContext('2d');
var ImageObjectRun = []; var ImageObjectCount=0;
var BackgroundObj1 = ImageObjCreate();
ImageObjectRun[ImageObjectCount] = BackgroundObj1; ImageObjectCount++;
BackgroundObj1.pImage.src = 'MediaFiles/海邊05水景海邊.jpg';
var ImageObj3 = ImageObjCreate();
ImageObjectRun[ImageObjectCount] = ImageObj3; ImageObjectCount++;
var ImageObj4 = ImageObjCreate();
ImageObjectRun[ImageObjectCount] = ImageObj4; ImageObjectCount++;
var ImageObj5 = ImageObjCreate();
ImageObjectRun[ImageObjectCount] = ImageObj5; ImageObjectCount++;
var ImageObj6 = ImageObjCreate();
ImageObjectRun[ImageObjectCount] = ImageObj6; ImageObjectCount++;
var TextBox7 = ImageObjCreate();
ImageObjectRun[ImageObjectCount] = TextBox7; ImageObjectCount++;
SystemTimerTime = 0;
var LogTimerTime = 0;
var LogTimeCount = 0;
var AutoRunLock = false;
function AutoRunCenter(isCheckActive){
if(AutoRunLock==true) return;
if(LogTimeCount<5){
LogTimerTime = TickTimeGet();
LogTimeCount++;
return;
}
var hadRunObject = false;
for(var xx=0;xx<ImageObjectCount;xx++){ if(AutoObjectCheck(ImageObjectRun[xx],isCheckActive)==true) hadRunObject = true; }
if(isCheckActive==true) return(hadRunObject);
for(var xx=0;xx<ImageObjectCount;xx++){
AutoObjectRuning(ImageObjectRun[xx],hadRunObject);
}
if(hadRunObject==true&&GlobalStretchMode!=0){
WindowFormCanvas_2D.drawImage(BackgroundCanvas1,0,0,BackgroundCanvas1.width,BackgroundCanvas1.height,0,0,WindowFormCanvas.width,WindowFormCanvas.height);
}
return(hadRunObject);
}
function ObjectLevelToFirst(MoveObject){
if(MoveObject==ImageObjectRun[0]) return;
var iFindNumber = -1;
for(var xx=0;xx<ImageObjectCount;xx++){ if(ImageObjectRun[xx]==MoveObject){ iFindNumber = xx; break; } }
var iLastPosi = ImageObjectCount-1;
if(iFindNumber>=iLastPosi) return;
AutoRunLock = true;
for(var xx=iFindNumber;xx<iLastPosi;xx++){ ImageObjectRun[xx] = ImageObjectRun[xx+1]; }
ImageObjectRun[iLastPosi] = MoveObject;
AutoRunLock = false;
}
function ObjectRepaintAll(isOnlyTopOne){
for(var xx=ImageObjectCount-1;xx>=0;xx--){ if(ImageObjectRun[xx].Visible==true&&ImageObjectRun[xx].AlphaValue>=1){ ImageRepaint(ImageObjectRun[xx],0); if(isOnlyTopOne==true) return; } }
}
setInterval(AutoRunCenter,0);
var ImageLoadCount = 0;
var BackgroundCanvas1_tag = 1;
var BackgroundObj1_tag = 1;
var ImageObj3_tag = 0;
var ImageObj4_tag = 0;
var ImageObj5_tag = 0;
var ImageObj6_tag = 0;
var TextBox7_tag = 0;
function ImageTotalDraw(LoadFinishNumber) {
ImageLoadCount++;
if(LoadFinishNumber==1||LoadFinishNumber<=0) BackgroundObj1_tag = 1;
if(ImageLoadCount>=1&&BackgroundObj1_tag==1){
BackgroundObj1_tag  = 100;
if(ImageLoadCount==1&&BackgroundObj1.pImage!=null){
backImageCanvas_2D.fillStyle = 'rgba(255,255,255,1.000)';
backImageCanvas_2D.fillRect(0,0,backImageCanvas.width,backImageCanvas.height);
backImageCanvas_2D.globalAlpha = 1.000;
backImageCanvas_2D.drawImage(BackgroundObj1.pImage, 0, 0, backImageCanvas.width, backImageCanvas.height);
delete(BackgroundObj1.pImage); BackgroundObj1.pImage = null;
BackgroundObj1.pCanvas = backImageCanvas;
BackgroundObj1.SourWidth = backImageCanvas.width;
BackgroundObj1.SourHeight = backImageCanvas.height;
BackgroundObj1.AlphaValue = 255.0;
}
BackgroundObj1.DrawWidth  = BackgroundCanvas1.width;
BackgroundObj1.DrawHeight = BackgroundCanvas1.height;
ImageRepaint(BackgroundObj1,0);
}
if(LoadFinishNumber==2||LoadFinishNumber<=0) ImageObj3_tag = 1;
if(ImageLoadCount>=2&&ImageObj3_tag==1){
ImageObj3_tag  = 100;
ImageRepaint(ImageObj3,0);
}
if(LoadFinishNumber==3||LoadFinishNumber<=0) ImageObj4_tag = 1;
if(ImageLoadCount>=3&&ImageObj4_tag==1){
ImageObj4_tag  = 100;
ImageRepaint(ImageObj4,0);
}
if(LoadFinishNumber==4||LoadFinishNumber<=0) ImageObj5_tag = 1;
if(ImageLoadCount>=4&&ImageObj5_tag==1){
ImageObj5_tag  = 100;
ImageRepaint(ImageObj5,0);
}
if(LoadFinishNumber==5||LoadFinishNumber<=0) ImageObj6_tag = 1;
if(ImageLoadCount>=5&&ImageObj6_tag==1){
ImageObj6_tag  = 100;
ImageRepaint(ImageObj6,0);
}
if(LoadFinishNumber==6||LoadFinishNumber<=0) TextBox7_tag = 1;
if(ImageLoadCount>=6&&TextBox7_tag==1){
TextBox7_tag  = 100;
ImageRepaint(TextBox7,0);
}
}
function ImageTeamVisible(DrawLevelNumber,isVisible) {
var isRapaint = false;
}
BackgroundObj1.pImage.onload = function(){
ImageLoadFinishValue(BackgroundObj1,0,0,1280,800,255,0,0.0,0);
ImageTotalDraw(1);
ImageObj3.pImage.src = 'MediaFiles/鄭宗弦c0007花草造型_000.png';
}
BackgroundObj1.pImage.onerror = function(){
ImageTotalDraw(1);
ImageObj3.pImage.src = 'MediaFiles/鄭宗弦c0007花草造型_000.png';
}
ImageObj3.pImage.onload = function(){
ImageLoadFinishValue(ImageObj3,66,437,225,235,255,0,0.0,0);
ImageTotalDraw(2);
ImageObj4.pImage.src = 'MediaFiles/王淑芬c0008花草造型_000.png';
}
ImageObj3.pImage.onerror = function(){
ImageTotalDraw(2);
ImageObj4.pImage.src = 'MediaFiles/王淑芬c0008花草造型_000.png';
}
ImageObj4.pImage.onload = function(){
ImageLoadFinishValue(ImageObj4,398,446,243,240,255,0,0.0,0);
ImageTotalDraw(3);
ImageObj5.pImage.src = 'MediaFiles/張東君c0009花草造型_000.png';
}
ImageObj4.pImage.onerror = function(){
ImageTotalDraw(3);
ImageObj5.pImage.src = 'MediaFiles/張東君c0009花草造型_000.png';
}
ImageObj5.pImage.onload = function(){
ImageLoadFinishValue(ImageObj5,707,416,273,273,255,0,0.0,0);
ImageTotalDraw(4);
ImageObj6.pImage.src = 'MediaFiles/李威使c0007花草造型_000.png';
}
ImageObj5.pImage.onerror = function(){
ImageTotalDraw(4);
ImageObj6.pImage.src = 'MediaFiles/李威使c0007花草造型_000.png';
}
ImageObj6.pImage.onload = function(){
ImageLoadFinishValue(ImageObj6,997,437,237,255,255,0,0.0,0);
ImageTotalDraw(5);
TextBox7.pImage.src = 'MediaFiles/TextBox7.png';
}
ImageObj6.pImage.onerror = function(){
ImageTotalDraw(5);
TextBox7.pImage.src = 'MediaFiles/TextBox7.png';
}
TextBox7.pImage.onload = function(){
ImageLoadFinishValue(TextBox7,277,56,728,301,255,0,0.0,0);
ImageTotalDraw(6);
OnLoadFinishAll();
}
TextBox7.pImage.onerror = function(){
ImageTotalDraw(6);
OnLoadFinishAll();
}
</Script>
</Center>
<Script>
document.onmousedown = function(e) {
if(!e){ e = window.event; }
var CenterOffsetX = (document.body.clientWidth-MainDrawWidth)/2;
var CenterOffsetY = 0;
if(CenterOffsetX<0||AlignDrawCenter==false) CenterOffsetX = 0;
if(document.documentMode!=8&&document.documentMode!=7){
CenterOffsetX  -= window.pageXOffset;
CenterOffsetY  = window.pageYOffset;
}
var TouchX = e.clientX - CenterOffsetX - 0;
var TouchY = e.clientY + CenterOffsetY - 0;
TouchY -= iTitleBarHeight;
var TouchRealX = TouchX;
var TouchRealY = TouchY;
if(iWidthStretchRate!=100.0) TouchX = TouchX*100.0/iWidthStretchRate;
if(iHeightStretchRate!=100.0) TouchY = TouchY*100.0/iHeightStretchRate;
var isMouseDownEntry = false;
}
document.onmouseup = function(e) {
if(!e){ e = window.event; }
var CenterOffsetX = (document.body.clientWidth-MainDrawWidth)/2;
var CenterOffsetY = 0;
if(CenterOffsetX<0||AlignDrawCenter==false) CenterOffsetX = 0;
if(document.documentMode!=8&&document.documentMode!=7){
CenterOffsetX  -= window.pageXOffset;
CenterOffsetY  = window.pageYOffset;
}
var TouchX = e.clientX - CenterOffsetX - 0;
var TouchY = e.clientY + CenterOffsetY - 0;
TouchY -= iTitleBarHeight;
var TouchRealX = TouchX;
var TouchRealY = TouchY;
if(iWidthStretchRate!=100.0) TouchX = TouchX*100.0/iWidthStretchRate;
if(iHeightStretchRate!=100.0) TouchY = TouchY*100.0/iHeightStretchRate;
var isMouseUpEntry = false;
}
document.onkeyup = function(e) {
if(!e){ e = window.event; }
var KeyCode = e.keyCode;
var GetDrawObjectReturn = false;
if(GlobalStretchMode!=2){ if(GetDrawObjectReturn==false&&(KeyCode==39||KeyCode==13)) location.assign('BookEyePage2.html'); }
else if(GetDrawObjectReturn==false&&(KeyCode==39||KeyCode==40||KeyCode==13)) location.assign('BookEyePage2.html');
}
var CursorMode = 0;
var ImageSelectNum = 0;
var ImageLogNum = 0;
document.onmousemove = function(e) {
if(!e){ e = window.event; }
var CenterOffsetX = (document.body.clientWidth-MainDrawWidth)/2;
var CenterOffsetY = 0;
if(CenterOffsetX<0||AlignDrawCenter==false) CenterOffsetX = 0;
if(document.documentMode!=8&&document.documentMode!=7){
CenterOffsetX  -= window.pageXOffset;
CenterOffsetY  = window.pageYOffset;
}
var TouchX = e.clientX - CenterOffsetX - 0;
var TouchY = e.clientY + CenterOffsetY - 0;
TouchY -= iTitleBarHeight;
var TouchRealX = TouchX;
var TouchRealY = TouchY;
if(iWidthStretchRate!=100.0) TouchX = TouchX*100.0/iWidthStretchRate;
if(iHeightStretchRate!=100.0) TouchY = TouchY*100.0/iHeightStretchRate;
var SelectMode = 0;
var isMouseMoveEntry = false;
}
document.onmouseout = function(e) { document.onmousemove(e); }
</Script>
<object id='FlashObj8' style='visibility:hidden;' type='application/x-shockwave-flash'>
<param name='src' value='MediaFiles/兩隻蝴蝶(彩).swf'>
<param name='scale' value='default'>
<param name='wmode' value='transparent'>
</Object>
<Script>
var FlashObj8_Open = function(isOpen,isVisible) {
var FlashObj8 = document.getElementById('FlashObj8');
if(FlashObj8==null) return;
if(isOpen==true||isVisible==true) FlashObj8.style.visibility='visible';
else FlashObj8.style.visibility='hidden';
}
var FlashObj8_Posi = function() {
var FlashObj8 = document.getElementById('FlashObj8');
if(FlashObj8==null) return;
FlashObj8.style.position='absolute';
var LeftOffset = (document.body.clientWidth-MainDrawWidth)/2;
if(LeftOffset<0||AlignDrawCenter==false) LeftOffset = 0;
var LeftPosition = 0;
var TopPosition = 0;
var iWidthSet = 1280;
var iHeightSet = 800;
iWidthSet = iWidthSet*iWidthStretchRate/100.0;
iHeightSet = iHeightSet*iWidthStretchRate/100.0;
TopPosition = TopPosition*iWidthStretchRate/100.0;
LeftPosition = LeftPosition*iWidthStretchRate/100.0;
TopPosition += iTitleBarHeight;
LeftPosition += LeftOffset;
FlashObj8.style.left = LeftPosition.toString()+'px';
FlashObj8.style.top = TopPosition.toString()+'px';
FlashObj8.width = iWidthSet;
FlashObj8.height = iHeightSet;
}
FlashObj8_Posi();
</Script>
<Script>
window.onpageshow = function() {
window.onresize();
}
window.onresize = function() {
TitleBarSizeSet(true);
DrawStretchValueGet();
TitleBarSizeSet(false);
FlashObj8_Posi();
ImageTotalDraw(0);
}
</Script>
</Body>
</Html>
 