javascript实现图片旋转

2023-03-09 06:17:17

<body>

<img src="2.jpg"><br>

<input type=button value="放大" οnclick="large()">

<input type=button value="缩小" οnclick="small()">

<input type=button value="旋转" οnclick="rotate()">

<input type=button value="打印" οnclick="printPic()">

</body>

<script>

var img=document.getElementsByTagName('img')[0];

function small()

{

img.width=img.width*0.5;

img.height=img.height*0.5;

}

function large()

{

img.width=img.width*2;

img.height=img.height*2;

}

function rotate()

{

//rotation: 1 旋转90度；2 旋转180度；3 旋转270度

img.style.filter='progid:DXImageTransform.Microsoft.BasicImage(rotation=1)'

}

function printPic()

{

window.print();

}

</script>

javascript button function input

上一篇: 服务器 - 三毛钱呲花

下一篇: Linux创建进程的fork()函数

继续阅读