JavaScript・PHP・Vue.jsのサンプルやWordPressのテーマ・無料フォント、ブログの運営方法等の紹介

JavaScript

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

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

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

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

関連記事

こちらの記事も読まれています

Follow us on Twitter　Subscribe RSS　Follow us in feedly

WEB上手とは

NATURAL PRESS

カテゴリー

このサイトについて

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

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

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

WordPress Theme NATURAL PRESS by WEB-JOZU.com