3

次のようにIE8に画像を読み込んでいます。

var img = document.createElement('img');
img.src = 'images/starnohighlight.png';

画像は30x30px@150dpiです。

ページに画像を追加すると、次のようになります。

td.appendChild(img);

画像は324x308の非常に拡大されたサイズで表示されます。ソース画像のサイズがわかっているので、単純に30x30にすることができますが、ディスクに30x30の画像を提供し、ネイティブサイズで表示したいのです。画像の解像度（たとえば72dpi）を変更する必要がある場合も問題ありません。または、少なくともコードでそれを説明することができます。

現在アクセスできないという理由だけで、他のブラウザでテストしたことはありません。

つまり、質問は、要約すると、上記のようにロードされた画像をネイティブサイズで表示するにはどうすればよいですか？

編集：

私もこれを試しましたが、同じ結果になりました：

var imgObj = new Image();
imgObj.src = 'images/starnohighlight.png';

ドキュメントからすべてのスタイルを削除しました。それでも同じ問題。

4

1 に答える 1

3

他の設定に影響を与えずにそのような画像を表示すると、ネイティブサイズで表示されます。

画像の解像度（PPIまたはDPI）設定はブラウザによって無視されるため、これを変更しても効果はありません。

画像がネイティブサイズで表示されない場合は、画像タグに影響を与える他の設定があります。IEの開発ツール（F12）を使用して、要素に実際に影響を与えているスタイルを調べることができます。

于 2012-08-09T00:59:43.637 に答える