�@reflection�͉摜�]�����ʁ^���ʂɉf�����悤�ȓ�����ʁi���ˌ��ʁj���{�����C�u�����ł��Breflection�͈ȉ��̃T�C�g����_�E�����[�h���邱�Ƃ��ł��܂��B
reflection.js
�g�p�ł���u���E�U�́A�����肳��܂��B�����IE�ł̓t�B���^���ʂ𗘗p���AFirefox 1.5��Safari 2�ł�canvas�^�O�𗘗p���Ă��邽�߂ł��Breflection�̎g�����͊ȒP�Ŕ��ˌ��ʂ�K�p������img�^�O��class="reflect"�Ǝw�肷�邾���ł��B�i�T���v����
���s�����j
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>�T���v��</title>
<script type="text/javascript" src="reflection.js"></script>
</head>
<body>
<h1>reflection : �T���v��</h1>
<img src="photo.jpg"
class="reflect">
</body>
</html>
�@���˂��镔���̍������w�肷�邱�Ƃ��ł��܂��B�����class="reflect"�̒���rheight30�̂悤�Ɏw�肵�܂��Breflection�ł̓s�N�Z�����ł͎w��ł����p�[�Z���g�ł̎w��ɂȂ�܂��B�ȉ��̃T���v���͉摜�̍�����20%�����˕\�����܂��B�i�T���v����
���s�����j
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>�T���v��</title>
<script type="text/javascript" src="reflection.js"></script>
</head>
<body>
<h1>reflection : �T���v��</h1>
<img src="photo.jpg"
class="reflect rheight20">
</body>
</html>
�@������100%�܂łƂ������Ƃ͂Ȃ�500%��2000%�܂Ŏw�肷�邱�Ƃ��ł��܂����A���ۂɌ��ʂ��\�������̂�100%�܂łɂȂ�܂��B�i�T���v����
���s�����j
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>�T���v��</title>
<script type="text/javascript" src="reflection.js"></script>
</head>
<body>
<h1>reflection : �T���v��</h1>
<img src="photo.jpg"
class="reflect rheight500">
</body>
</html>
�@���˂��镔���̍ŏ��̕s�����x�̐ݒ���ł��܂��B�����class="reflect"���ɋL�q���܂��B�s�����x��ropacity20�̂悤�Ɏw�肵�܂��B�������A�s�����x��5%����ɂ������ꍇ�ɂ�ropacity05�̂悤�ɂ��܂��B�i�T���v����
���s�����j
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>�T���v��</title>
<script type="text/javascript" src="reflection.js"></script>
</head>
<body>
<h1>reflection : �T���v��</h1>
<img src="photo.jpg"
class="reflect ropacity20">
</body>
</html>
�@�ȉ��̂悤��ropacity�Arhight�̗������܂Ƃ߂Ďw�肷�邱�Ƃ��ł��܂��B�i�T���v����
���s�����j
<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=utf-8">
<title>�T���v��</title>
<script type="text/javascript" src="reflection.js"></script>
</head>
<body>
<h1>reflection : �T���v��</h1>
<img src="photo.jpg"
class="reflect ropacity100 rheight20">
</body>
</html>
[
�ڎ���]
(2006.8.7)