画像に美肌フィルタ(バイラテラルフィルタ)を適用して表示するWEBサイト
バイラテラルフィルタを適用すると、シミ、そばかす等が薄くなり美肌になります。
適用回数を増やすと効果がありますが、処理がかなり重いので注意してください。
「Pexels」様の画像を使用させていただいています。
https://www.pexels.com/ja-jp/photo/1405872/
使用例
ソースコード
<img src="./imgs/js_bilateral.jpg" id="s" style="width:90%;max-width:400px;height:auto;" width="600" height="400"> <img id="d" style="width:90%;max-width:400px;height:auto;" width="600" height="400"> <button onclick='bilateral_1()'>バイラテラルフィルタを4回適用</button> <script> function bilateral_1(){ new TMamBilateral( document.getElementById("s"), //加工前画像が表示されているimgタグ document.getElementById("d"), //加工後画像の適用先imgタグ 4 //バイラテラルフィルタを4回適用 ) } </script> <button onclick='bilateral_2()'>バイラテラルフィルタを10回適用</button><br> <script> function bilateral_2(){ new TMamBilateral( "./imgs/js_bilateral.jpg", //加工前画像のURL指定 document.getElementById("d"), //加工後画像の適用先imgタグ 10 //バイラテラルフィルタを10回適用 ) } </script>