1

画像をロードして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 など) はありますか?

4

3 に答える 3

1

ゼロの画像幅をサポートする単一のラスター画像エンコーディング形式を知りません。SVG、またはおそらく別のベクター形式はできるかもしれませんが、ラスター形式はできません。

于 2012-05-24T12:08:19.493 に答える
0

width=0px の画像のポイントは何ですか? 次に、そこに画像をまったく配置しないでください。そうそう、画像の最小幅は 1px です

しかし、幅を%で設定すると、設定することが可能です

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

その後、画像は表示されません

于 2012-05-24T12:05:26.473 に答える
0

良い質問ですが、私が理解しているように、0 x 0 ピクセルのサイズの画像ファイルを作成することはできません。

CSSを使用すると、次のことができます

  • 隠す
  • 1x1ピクセルにする
  • UIレイアウトに影響を与えないように、絶対に配置してください。
于 2012-05-24T12:14:34.623 に答える