html 如何获取img src的高宽
时间: 2024-03-12 22:47:26 浏览: 29
可以使用JavaScript来获取img的高宽,具体方法如下:
1. 获取img元素
```javascript
var img = document.getElementsByTagName('img')[0];
```
2. 获取img元素的高宽
```javascript
var height = img.height;
var width = img.width;
```
或者使用CSS属性来获取:
```javascript
var height = img.style.height;
var width = img.style.width;
```
注意:如果img元素还没有加载完成,获取的高宽可能为0,可以在onload事件中获取高宽:
```javascript
var img = document.getElementsByTagName('img')[0];
img.onload = function () {
var height = img.height;
var width = img.width;
}
```
相关问题
opencv获取图片的高宽
在OpenCV中,可以使用`img.shape`来获取图像的尺寸(宽高)和通道数。具体示例如下[^1]:
```python
import cv2
# 读取图像
img = cv2.imread('IMG_20200403_203742.jpg')
# 获取图像的高度、宽度和通道数
height, width, channels = img.shape
# 打印图像的尺寸信息
print("图像的高度:", height)
print("图像的宽度:", width)
print("图像的通道数:", channels)
```
运行以上代码,将会输出图像的高度、宽度和通道数。
python 获取图像高宽值
要获取图像的高度和宽度,可以使用 OpenCV 库中的 cv2.imread() 函数读取图像,然后使用图像的 shape 属性来获取高度和宽度。它返回一个元组 (height, width, channels),其中 channels 表示图像的通道数,通常为 3(彩色图像)或 1(灰度图像)。
示例代码:
```python
import cv2
img = cv2.imread('image.jpg')
height, width, channels = img.shape
print('Image height:', height)
print('Image width:', width)
print('Number of channels:', channels)
```
这段代码读取名为 'image.jpg' 的图像,然后使用 img.shape 属性获取图像的高度、宽度和通道数,并打印这些值。