JavaScript・PHPのサンプルやWordPressのテーマ・無料フォント、アフィリエイトやブログの運営方法等の紹介

JavaScript

写真の縦横比を固定して拡大縮小値を計算するツール

まずは「元写真の横幅、縦幅」の項目に、元になる写真の横幅と縦幅を入力します。後は、「変更後の横幅、縦幅」の項目で横幅を入力すれば、縦幅と倍率が計算され、縦幅を入力すれば、横幅と倍率が計算されます。または倍率を入力すれば、横幅と縦幅が計算されます。

また下の表では、上の表の「元写真の横幅、縦幅」の項目に写真のサイズ入力すると、「写真のアスペクト比(横と縦の比率)」が自動で計算されます。そして「倍率」の項目に好きな数字を入れることで、アスペクト比を基に写真の拡大縮小が計算出来ます。

項目 値を入力または選択
元写真の横幅、縦幅または比率  px   px (半角数字)
倍率  % (半角数字)
変更後の横幅、縦幅  px   px (半角数字)
写真のアスペクト比(横と縦の比率)   :   (入力不可)
倍率  倍 (半角数字)
変更後の横幅、縦幅  px   px (入力不可)

関連記事

Follow us on Twitter Subscribe RSS Follow us in feedly
NATURAL PRESS

このサイトについて

JavaScript・PHPのサンプルや参考リンク、WEBサイト(ホームページ)で使えるアイコンや写真等の素材をダウンロード出来ます。

他にも、無料で使えるブロガーやアフィリエイター向けの、WordPressマガジンテーマ「NATURAL PRESS」を公開しています。ダウンロードや更新情報は、こちらのサイトで公開しています。

また、「WEB上手」は全ページリンクフリーですのでご自由にリンクしていただけます。リンクしていただけますと嬉しいです。

WordPress Theme NATURAL PRESS by WEB-JOZU.com