我需要重新使用图片元素的渲染图像。有没有一种直接的方法可以使用javascript访问chrome/opera渲染的图像文件路径,而不必复制picturefill完成的逻辑。
<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 的视网膜桌面浏览器窗口上,支持图片的浏览器将呈现 head-2x.jpg。或者,如果我在宽度小于 450 像素且带有视网膜显示屏的智能手机上使用 chrome 浏览器,它将使用 head-fb-2x.jpg。如何直接访问这个动态渲染的图像?
有没有一种方法可以访问这个渲染的图像而不必自己解析源元素?