我有一個從外部資源獲得的球的圖像，我需要獲取圖像的大?。ǜ叨群蛯挾龋┮赃M行進一步的計算，但我嘗試的內容顯示0（但實際上它是40px）下面是整個代碼：<!DOCTYPE html><html dir="ltr"> <head> <meta charset="utf-8"> <title>Ball to center</title> <style> #field { width: 200px; border: 10px groove black; background-color: #00FF00; position: relative; } #ball { position: absolute; } </style> </head> <body> <div id="field"> <img src="https://en.js.cx/clipart/ball.svg" id="ball"> . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . </div> <script type="text/javascript"> let field = document.getElementById('field'); let ball = document.getElementById('ball'); console.log(`natural height and width: ${ball.naturalHeight} - ${ball.naturalWidth}`); console.log(`client height and width: ${ball.clientHeight} - ${ball.clientWidth}`); </script> </body></html>
無法使用 JS 獲取 HTML 中圖像的實際大小
aluckdog
2022-08-27 14:09:29
