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()函數

繼續閱讀