更新しやすいように関数を色々分けました。全体的に比率をもとに計算するように調整しています。
全部逆だったから結果いい感じになってたのであろう縦横の表記をしっかり整理して、横→縦になるようにしました。
画像サイズを指定したときにすぐ四捨五入するんじゃなくて、一旦指定値より大きい24の倍数に変換してから比率を計算するようにしました。従来だとなんかたまーに指定値より若干小さい値が出る感じになっていたので、これで直ったはず…。
ココフォリアにいれたとき24pxじゃないやつがどうやって切り捨て/切り上げされてるのかよく分からないので知ってる人いたら教えてください。
比率が小さいものにできる場合自動的に変換していましたが、任意で変換を実行するようにしました。
変換しない場合全部の計算がデカいサイズのまま行われるのでめっちゃデカいです。
今までは最初に指定した比率の倍数以外をココフォリアの一辺の値の指定値として設定した場合、比率は指定したもの厳守ではなく近しい数値で結果が出るようになってました。
なので一辺の指定値を最低値としてアス比を厳守した計算ができるように調整しました。
デフォルトは従来通り、一辺の値を厳守してアス比を近いものに調整したやつです。
①ボタンを押さずに自動入力
ボタンをカチカチするのが面倒だったので入力するたびにイベントを起こすように変更しました。比率からの方もそれでよかったっちゃよかったんですが入力チェックが面倒なのと結構無駄に更新する感じになりそうなのでやめました。
②画像を24の倍数にするところを追加
画像が24の倍数じゃないと四捨五入とかで値がバグりがちなので一番近い24の倍数の値を計算するようにしました。
画像幅の計算は四捨五入なので、24の倍数にしてそれを入力値に反映するとココフォリアの値も若干変わります。
比率とかは特に考慮してないので、キャンバスサイズを変更して透明な部分を増やすような形で参考にしてください。
本当は0とかマイナスとか入れたら無効だよ〜って出してたし出したいんですけど一新するに当たって面倒くさくなっちゃったのでそのうちやります。変なバグとかは多分起きないですが、動かなくなる可能性はあるのでその場合はリロードしてください。
不具合報告こちらからお願いします!(対応は遅くなるかも…)
数値はココフォリア準拠の横:縦です
これから新しく画像を作る人向け。
アスペクト比の参考
既に画像があって調整したい人向け
※更新が反映されない場合キャッシュの削除をお試しください。
| 更新日 | 更新内容 |
|---|---|
| 03/28 | 色々更新しました! |
| 10/12 | 先日の更新で画像サイズが計算されなかった点を修正 |
| 10/11 |
アス比の参考の描写図形の計算方法をaspect-ratioにするよう変更 比率の変更を記載 |
| 7/11 |
最低値が24の倍数だった場合に数値が繰り上げられる不具合を修正 不正な値が入らないよう入力バリデーションの追加 |
| 7/9 | 最低値を指定した場合、指定していない方の画像幅が24px刻みにならないので修正 |
| 7/8 |
短辺/長辺を指定→縦横を指定に変更 最低値を指定した際に結果が24px刻みになるように修正 アス比を計算できる方も追加 |
| 7/7 | スマホ版レイアウトの修正 |