|
考え方
getSW、getSH モニターサイズ
Awidth、Aheight 写真サイズ
var w_mat = 30 ;//-- マットの幅
var w_vcat = 3 ;//-- 写真の枠幅 Ｖカット
var photo_whr = Awidth / Aheight ;//-- 写真の縦横比
//-- 写真縮小・拡大率の計算
var w_malti = disp_width / Awidth ;
if(w_malti>1){w_malti = 1}
var h_malti = disp_height / Aheight ;
if(h_malti>1){h_malti = 1}
//-- 縦サイズを基準に表示サイズの計算
var photo_h = Math.round(Aheight * h_malti)
var photo_w = Math.round(photo_h * photo_whr)
//-- 横サイズが表示範囲より大きな場合
if(photo_w > disp_width){
photo_w = Math.round(Awidth * w_malti)
photo_h = Math.round(photo_w / photo_whr)
}
写真サイズを縮小率を考慮して計算する
どんなサイズのモニターでも表示可能である。極端な例として縦型のモニターでもよい
この考え方をすべての写真表示に適用した
ちょっと難しかったが、完成してみると楽しい・・・ |
|
