图像是否保证至少有1个宽度和1个高度？

Question

当我们加载图像并运行onload处理程序时，是否保证宽度和高度至少为1？

var img = new Image();  
img.onload = function(){
    // is img.width and img.height guaranteed to be at least 1?
    // can we do something like assert img.width >= 1 && img.height >= 1
};
img.onerror = function(){
    alert("error");
}
img.src = 'MyImage.png'; 

基本上，我想知道加载的图像的宽度或高度是否可能为0？

或者更确切地说，是否有支持0宽度或0高度图像的图像扩展（gif，png，svg，jpg，exif，raw，bmp，tiff等）？

Answer 1

我不知道支持图像宽度为零的单个光栅图像编码格式。 SVG可能是，或者可能是另一种矢量格式，但没有栅格格式。

Answer 2

宽度= 0px的图像是什么意思？ 那么你不应该把图像放在那里。 所以是的，图像的最小宽度是1px

但是当您以％为单位设置宽度时，可以设置

<img src="...." alt="image" width="0%" />

然后图像不可见

Answer 3

很好的问题，但据我所知，没有你不能拥有0 x 0像素尺寸的图像文件。

使用CSS你可以

• 隐藏
• 制作1x1像素
• 绝对定位等等，因此不会影响您的UI布局。