<%@ page contentType="text/html; charset=GBK" %>
<!----导入样式文件---->
<link REL=stylesheet HREF="css.css" type="text/css">
<!----引入JavaScript文件----->
<script type="text/javascript" src="js.js"></script>
<script language="JavaScript" type="text/JavaScript">
<!--
function MM_reloadPage(init) { //reloads the window if Nav4 resized
if (init==true) with (navigator) {if ((appName=="Netscape")&&(parseInt(appVersion)==4)) {
document.MM_pgW=innerWidth; document.MM_pgH=innerHeight; onresize=MM_reloadPage; }}
else if (innerWidth!=document.MM_pgW || innerHeight!=document.MM_pgH) location.reload();
}
MM_reloadPage(true);
//-->
</script>
<div id="Layercaozuo" dir="ltr" style="position:absolute; left:630px; ">
<input type="button" name="aaa" value="放大" onclick="fangda()">
<input type="button" name="aaa" value="还原" onclick="huanyuan()">
<input type="button" name="aaa" value="缩小" onclick="suoxiao()" >
放大或缩小倍数<input type="text" name="beishu" value="1" size="3">
<div>左坐标<input type="text" name="ceshitextleft" value=""></div>
<div>右坐标<input type="text" name="ceshitexttop" value="" ></div>
<div class="off">滚动左坐标<input type="hidden" name="divmoveleft" value=""></div>
<div class="off">滚动右坐标<input type="hidden" name="divmovetop" value="" ></div>
<div >
建议:
图片“images”的高宽不要超过层“Layeraa”的高宽,可能的化去掉图片周围没必要的大面积留白:如:6000*570;
点击放大时,如果用鼠标选择了区域则比例框的值为空,如果比例框内有值则选择区域无效。
</div>
<div>
选择放大区域的方法:
点击鼠标左键,然后在适当位置再点击左键选择放大区域,再点击时则取消选择。
</div>
</div>
<!------定义图片层---->
<div id="Layeraa" dir="ltr" style="position:absolute; width:600; height:570px; left:20px; top:20px; overflow: scroll; SCROLLBAR-BASE-COLOR: #B1C9E9; " onClick="layeraaonclick()">
<img name="images" src="wvlogo.gif" border="0" width="600" height="570"
onMouseOut="onmouseyichu(this)"
onMouseMove="onmouseyidong(this)"
onMouseDown="onmousedianxia(this)"
onMouseUp="onmouseshifang(this)"
>
<div></div>
<!-----定义选择层---->
<div id="fdkuang" class="off" style="position:absolute; width:5px; height:5px " onMouseMove="onmouseyidong(this)" >
<table id="tablestring" width="5" height="5" border="0" cellpadding="0" cellspacing="0">
<tr height="1">
<td height="1" bgcolor="#000000"></td>
<td height="1" bgcolor="#000000"></td>
<td height="1" bgcolor="#000000"></td>
</tr>
<tr>
<td width="1" bgcolor="#000000"></td>
<td> </td>
<td width="1" bgcolor="#000000"></td>
</tr>
<tr height="1">
<td height="1" bgcolor="#000000"></td>
<td height="1" bgcolor="#000000"></td>
<td height="1" bgcolor="#000000"></td>
</tr>
</table>
</div>
<!---初始化图形大小---->
<script language="JavaScript" type="text/JavaScript">
huanyuanimagewidth=images.width;
huanyuanimageheight=images.height;
</script>
fd.zip_图片的放大
版权申诉
90 浏览量
2022-09-24
15:55:58
上传
评论
收藏 63KB ZIP 举报
周楷雯
- 粉丝: 80
- 资源: 1万+
最新资源
- 课程大作业基于python实现的单目双目视觉三维重建源码(95分以上).zip
- 使用matplotlib库绘制简单图表的例子.rar
- 九阴真经OL资源解包工具
- python-leetcode面试题解之第307题区域和检索.zip
- python-leetcode面试题解之第305题岛屿数量II.zip
- python-leetcode面试题解之第304题二维区域和检索.zip
- python-leetcode面试题解之第303题区域和检索.zip
- python-leetcode面试题解之第299题猜数字游戏.zip
- python-leetcode面试题解之第298题二叉树最长连续序列.zip
- python-leetcode面试题解之第296题最佳的碰头地点.zip
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈