如果我有一个 N 像素乘 N 像素的图像,我该如何使用 CSS/JS/jQuery 让它填充一个 say... 2N 像素乘 2N 像素的空间?
详细信息:我更像是一名后端开发人员,但我目前正在实现“放大”功能,您可以在其中单击图像,然后将其替换为更大的图像,然后调整 <div>
的大小。 <img>
标签占用更多空间并有效地“放大”(或者实际上只是取消压缩大图像)。
我需要做什么 (UX):在等待大图加载时,我希望用户仍然能够“缩放”,但由于大图尚未加载,他们只会得到一个颗粒状的版本图片,直到它被更高分辨率的图片替换。
最佳答案
相应地更改 IMG
元素的 width
和 height
属性。
或者,使用同名的 CSS 属性。请注意,在 CSS 中,width
和 height
必须有单位(对于图像,通常为 px
)。
关于javascript - 如何拉伸(stretch)大于其自然尺寸的 img 标签中的图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/33794284/