JavaScript实现图片的放大、缩小、平移
来源:互联网 发布:广电网络还没整合 编辑:程序博客网 时间:2024/04/27 19:02
<script>
var ZoomStutas;
var dragapproved=false;
var z,x,y,temp1,temp2;
var count = 10;
function ZoomIn()
{
IMG.style.cursor="Images/ZoomIn1.ICO ZoomStutas="ZoomIn";
}
function ZoomOut()
{
IMG.style.cursor="Images/ZoomOut1.ico";//改变鼠标指针
ZoomStutas="ZoomOut";
}
function Pan()
{
IMG.style.cursor="Hand";//改变鼠标指针
ZoomStutas="Pan";
}
//放大、缩小
function Zoom()
{
if(ZoomStutas=="ZoomIn")
{
var hX=IMG.height;
var hY=IMG.width;
IMG.height=hX*1.5;
IMG.width=hY*1.5;
}
else if(ZoomStutas=="ZoomOut")
{
var hX=IMG.height;
var hY=IMG.width;
IMG.height=hX/1.5;
IMG.width=hY/1.5;
}
else if(ZoomStutas=="Pan")
{
}
}
//平移
function move()
{
if (dragapproved&&ZoomStutas=="Pan")
{
IMG.style.pixelLeft=temp1+event.clientX-x;
IMG.style.pixelTop=temp2+event.clientY-y;
return false;
}
}
function drags()
{
dragapproved=true;
x=event.clientX
y=event.clientY
temp1=IMG.style.pixelLeft;
temp2=IMG.style.pixelTop;
document.onmousemove=move;
}
document.onmousedown=drags;
document.onmouseup=new Function("dragapproved=false");
function Picture()
{
count = Counting(count);
Resize(count);
return false;
}
function Counting(count)
{
if (event.wheelDelta >= 120)
{
count++;
}
else if (event.wheelDelta <= -120)
{
count--;
}
return count;
}
function Resize(count)
{
IMG.style.zoom = count + '0%';
}
function KeyDown()
{
if (event.keyCode!=1||event.KeyCode!=2 ||event.KeyCode!=4)
{
event.keyCode=0;
event.returnValue=false;
}
}
</script>
- JavaScript实现图片的放大、缩小、平移
- wpf下实现图片的放大缩小和平移
- wpf下实现图片的放大缩小和平移
- javaScript实现图片的放大和缩小
- javascript 实现图片放大缩小
- 自定义ImageView(实现图片的放大缩小;放大后可平移)
- Andriod SeekBar以及实现图片旋转平移放大缩小
- photoview实现图片双击放大缩小平移操作
- Android多点触控技术,实现对图片的放大缩小平移,惯性滑动等功能
- Android多点触控技术,实现对图片的放大缩小平移,惯性滑动等功能
- 利用javascript实现图片动态的放大和缩小
- 利用javascript实现图片动态的放大和缩小
- javascript实现对图片的随意拖拽,放大缩小
- javascript实现图片放大与缩小
- Javascript实现图片的移动,图片的放大,图片缩小功能
- 图片放大、缩小、恢复操作的实现
- WriteableBitmap实现对图片的放大缩小
- UIScrollView中实现图片的放大缩小
- Flash 最近的「請按一下來啟動並使用此控制」
- 想弄个messageBox的自定义控件,不使用alert,comfirm,而是modelPopup的那种风格。
- SMS 2003安装配置系列之一:SMS 2003主站点安装指南
- 花点时间搞清top、postop、scrolltop、scrollHeight、offsetHeight
- SMS 2003安装配置系列之二:SMS 2003主站点配置指南(1)--配置站点属性及站点系统
- JavaScript实现图片的放大、缩小、平移
- Pro visual c++/cli and .net 2.0 platform2 学习笔记(9第三章 面向对象的C++/CLI==2)
- 2007/01/19 星期五 晴
- SMS 2003安装配置系列之三:SMS 2003主站点配置指南(2)--配置资源发现方式及客户端的安装
- 做人事系統時對加班數據處理寫的一個觸發器
- uboot移植文档
- DOS批处理脚本语言简介
- 你凭什么创业?
- 纯虚函数