比率計算ツール ver1.2
top > 比率計算ツール ver1.2
フォームに数値を入力し、「算」ボタンをクリックすると、計算結果を入力値以外のフォームに表示します。
図の数値表示部分に計算結果を表示します。
※図の方はdivブロックに数値を表示しているだけなので、ここで入力はできません。
「リセット」をクリックすると、初期値に数値をリセットします。
※フォームのresetボタンなので、図の値はリセットしてません。
小数 2桁以下は切り捨てで計算しています。
※時々計算誤差がでます。
例：「黄 B-A」を「100」と入力して計算すると、「A=161.8」「B=261.8」「B-A=100」と表示、のように、入力した値を変化させない形で調整しています。
B-A から A を算出した後に B と B-A を再度計算すると、結果が変化します。
「B-A=100」→「A=161.8」… これは、B-A = (A*1.618) - A → 100 = (1.618-1) * A → A = 100/0.618 = 161.812297…
で、本来は、B=161.8 * 1.618 = 261.7924 → 「B=261.7」(小数点2桁以下は切り捨て仕様なので) となり、
[B-A] = 99.9 となって、100と入力したのに、結果では 99.9 になります。
これを、無理やり、B= A + [B-A](入力値) で計算するようにしたので、微妙に実際の計算では切り捨てなら261.7だけど、切り上げになって261.8となっています。
図は黄金比、白銀比の計算値の長さをイメージしやすくするためのものです。
A=100pxで描画しています。
最近はデザイン時になんでもかんでも黄金比（日本では白銀比）が良い（美しいと感じられる）とは限らない、などの意見もあるようです。
ですが、知って使ってる人、知ってるけど使わない人と知らない人の差はあるかと思います。
Copyright © Haramori Laboratory of Information Technology 2015 All rights reserved.