kechol / kechol.github.io Goto Github PK

ogタグ埋め込む

どこかに

新しいサイト無難で良いですね。
ただいくつかの問題を含んでいます。

• ブラウザのサイズを 5:1 ぐらいにするとコンテンツが見えなくなる。（position: fixed; top: 50%; left: 50%; margin: -(コンテンツ枠高さ/2)px 0 0 -(コンテンツ枠横幅/2)px; が無難）
• ページロード後にブラウザのサイズを大きくすると背景が切れる。
• body の背景に設定しているのでせめて background-size:cover; background-position: 50% 50%;
• canvas タグとして body に append して window.onresize のタイミングで canvas のサイズをアスペクト比無視してリサイズするのが 💯
• CanvasContext の取得には try 使った方がいい。
• window.innerWidth, innerHeight は IE の古いバージョンで非対応。
• hsv2rgb の最適化が不十分。たとえば hi == 0 の時、q の値は使われないのに事前に計算してしまっている。50点。