5

画像要素のレンダリングされた画像を再利用する必要があります。ピクチャフィルが完了するロジックを複製することなく、javascriptを使用してchrome/operaによってレンダリングされた画像ファイルパスにアクセスする直接的な方法はありますか?

<picture>
  <source media="(min-width: 800px)" srcset="head.jpg, head-2x.jpg 2x">
  <source media="(min-width: 450px)" srcset="head-small.jpg, head-small-2x.jpg 2x">
  <img src="head-fb.jpg" srcset="head-fb-2x.jpg 2x" >
</picture>

上記の例を使用すると、幅が 1200px の Retina デスクトップ ブラウザー ウィンドウで、画像をサポートするブラウザーは head-2x.jpg をレンダリングします。または、幅 450px 未満の Retina ディスプレイのスマートフォンで chrome ブラウザーを使用している場合、head-fb-2x.jpg を使用します。この動的にレンダリングされた画像に直接アクセスするにはどうすればよいですか?

ソース要素を自分で解析せずに、このレンダリングされた画像にアクセスする方法はありますか?

4

1 に答える 1