JS は画像の元の幅と高さを取得します。これは画像の元のサイズです。HTML5 の NaturalWidth 属性と NaturalHeight 属性を使用して画像の元のサイズを取得できます。画像の元の幅と高さは、HTML5 画像の NaturalWidth プロパティと NaturalHeight プロパティを使用して簡単に見つけることができます。
おすすめ参考：「JavaScriptチュートリアル」
ということで、前回の記事でも紹介させていただきました。 JS で画像の現在の幅と高さを取得する方法 は、実際には元の幅と高さを取得する方法と似ています。必要な場合は、最初にそれを参照してください。
以下では、具体的なコード例を組み合わせて、元の画像サイズを取得する js メソッド を紹介します。
コード例は次のとおりです。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>js获取图片原始宽高的示例</title>
<script type="text/javascript">
function imgSize(){
var myImg = document.querySelector("#sky");
var realWidth = myImg.naturalWidth;
var realHeight = myImg.naturalHeight;
alert("原始 width=" + realWidth + ", " + "原始 height=" + realHeight);
}
</script>
</head>
<body>
<img src="/static/imghwm/default1.png" data-src="./1/png" class="lazy" id="sky" style="max-width:90%" alt="JSで画像の元の幅と高さを取得する方法" >
<p><button type="button" onclick="imgSize();">获取</button></p>
</body>
</html>画像の現在の幅と高さを取得する clientWidth 属性と clientHeight 属性とは異なり、画像の元のサイズを取得するのは主に ## です。 #naturalWidth および naturalHeight属性。これら 2 つのプロパティによって取得される画像の元の幅と高さは、外部の幅と高さのプロパティ設定を変更しても変更されません。
ここで使用する画像の元の幅と高さは次のとおりです: 716x565px;
以上がJSで画像の元の幅と高さを取得する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
mPDF
mPDF は、UTF-8 でエンコードされた HTML から PDF ファイルを生成できる PHP ライブラリです。オリジナルの作者である Ian Back は、Web サイトから「オンザフライ」で PDF ファイルを出力し、さまざまな言語を処理するために mPDF を作成しました。 HTML2FPDF などのオリジナルのスクリプトよりも遅く、Unicode フォントを使用すると生成されるファイルが大きくなりますが、CSS スタイルなどをサポートし、多くの機能強化が施されています。 RTL (アラビア語とヘブライ語) や CJK (中国語、日本語、韓国語) を含むほぼすべての言語をサポートします。ネストされたブロックレベル要素 (P、DIV など) をサポートします。
メモ帳++7.3.1
使いやすく無料のコードエディター
SAP NetWeaver Server Adapter for Eclipse
Eclipse を SAP NetWeaver アプリケーション サーバーと統合します。
VSCode Windows 64 ビットのダウンロード
Microsoft によって発売された無料で強力な IDE エディター
DVWA
Damn Vulnerable Web App (DVWA) は、非常に脆弱な PHP/MySQL Web アプリケーションです。その主な目的は、セキュリティ専門家が法的環境でスキルとツールをテストするのに役立ち、Web 開発者が Web アプリケーションを保護するプロセスをより深く理解できるようにし、教師/生徒が教室環境で Web アプリケーションを教え/学習できるようにすることです。安全。 DVWA の目標は、シンプルでわかりやすいインターフェイスを通じて、さまざまな難易度で最も一般的な Web 脆弱性のいくつかを実践することです。このソフトウェアは、
ホットトピック
7387
15163014135752126725121629