絵サイズ変更（１）

絵サイズ変更（オリジナルサイズに対する割合）：

絵サイズ変更（幅の絶対値、単位はピクセル）：

絵のサイズをボタンで変えられます


<SCRIPT language="Javascript">
<!--
originalX=360;
originalY=240;
currentX=originalX;
currentY=originalY;
function changeSizePercent(n){
n=n/100;
currentX=originalX*n;
currentY=originalY*n;
img1.style.width=currentX;
img1.style.height=currentY;
}
function changeSizePixel(n){
img1.style.width=n+"px";
img1.style.height=originalY/originalX*n+"px";
}
-->
</script>
</HEAD>
<BODY bgcolor="#ffff00" background="htm2.files/148.gif">
<center>
<FONT color=#ff0000 size=+3>絵サイズ変更（１）</FONT><p>
</center>
<hr>
<form>
絵サイズ変更（オリジナルサイズに対する割合）：
<input type="button" value="50" onClick="changeSizePercent(this.value)">
<input type="button" value="75" onClick="changeSizePercent(this.value)">
<input type="button" value="100" onClick="changeSizePercent(this.value)">
<p>
絵サイズ変更（幅の絶対値、単位はピクセル）：
<input type="button" value="50" onClick="changeSizePixel(this.value)">
<input type="button" value="100" onClick="changeSizePixel(this.value)">
<input type="button" value="200" onClick="changeSizePixel(this.value)">
<input type="button" value="300" onClick="changeSizePixel(this.value)">
</form>
<img id=img1 src="image.jpg">
TOPに戻る
このページを閉じる

当ページ内に使用している画像等は、個人使用の目的で作られたものです。
当サイトを利用して発生したいかなる問題についても当方は一切の責任を負いません
クリックのご協力よろしくお願いいたします。
訂正箇所があれば、メールお願い致します。

copyright(c) since2000 naoの知ったかぶり健康ランド. all rights reserved.