コミュニティ 学ぶ ツールライブラリ レジャー
検索
日本語
ホームページ > ウェブフロントエンド > jsチュートリアル > 画像サイズを比例的に縮小する JS の例_JavaScript スキル

画像サイズを比例的に縮小する JS の例_JavaScript スキル

WBOY
リリース： 2016-05-16 17:41:18
オリジナル
1144 人が閲覧しました

ユーザーエクスペリエンスを向上させるため、ウェブサイトユーザーが画像をアップロードする際、当社の要件を満たすためにユーザー自身が画像を処理することを許可することはできません。

通常、淘宝網で商品を物理的に表示するようなページでは、主に制御する必要があるのは画像の幅です。

HTML ページの解析順序によって引き起こされる可能性のあるいくつかの問題を考慮して、単純な関数を定義し、それを呼び出すための onload イベントを img 要素に追加することで実装することにしました。コードは次のとおりです。 >

JS パート

コードをコピー コードは次のとおりです:






HTML 呼び出し部分



コードをコピー

コードは次のとおりです:

関連ラベル：
等比例 缩小图片
ソース：php.cn
前の記事：jQuery：ノード（挿入、コピー、置換、削除）operations_jquery 次の記事：JS がバックグラウンドの cookies_javascript スキルの値を取得する小さな例
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
著者別の最新記事
最新の問題
d3.js でズームインすると散布図のポイントの値が維持されない d3.js を使用するのは初めてなので、ご容赦ください。 vue.js ファイルに純粋な JavaScript として実装しました。ズーム機能を使用して散布図を作成しようとしていま...
から 2024-04-06 18:16:26
0
1
403
PHPUnit は、オブジェクトを含む 2 つの配列を厳密に比較するために、assert equals を使用できますか? オブジェクトの配列が 2 つあります。これら 2 つの配列が等しいかどうかをテストしたいのですが、'false'!==0 などの厳密な比較を使用します。カスタムコンパレータや他のメ...
から 2024-04-05 13:35:37
0
1
1382
HTML コードをカスタマイズしてコンテンツをすばやく変更する方法 常にデータを変更したい Web サイトを作成しました。これは、テキストの追加、ファイルの追加などを意味します。その方法を知りたいです。 cms を使用してこれを行うことはできますが...
から 2024-04-04 21:08:14
0
1
3462
mysqlでネストされた関連値を取得する データベース内の複数のエントリに基づいて関連する値を取得しようとしています。私は JOIN などの使用に関して MySQL を初めて使用するため、不必要に PHP に関与することを...
から 2024-04-04 17:29:06
0
2
365
DocuSign のシンプルなボタンを使用してアカウントに接続し、トークンを簡単に取得します 私はSDKバージョンを使用しており、ほぼ望むものを手に入れていますが、まだ明確ではありません。フォームなどを使用せずに、ワンクリックでドキュメント アカウントに接続するにはどうすれ...
から 2024-04-04 15:46:02
0
1
396
関連トピック
詳細>
人気のおすすめ
人気のチュートリアル
詳細>
関連するチュートリアル
人気のおすすめ
最新のコース
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート