css - 在矩形边框内对齐 JPG/PNG 图像

Question

我正在使用 元素将光栅图像定位在 元素的边界内。这工作正常，但在一般情况下我不知道光栅图像的纵横比。当 SVG 缩放它们以适应矩形区域的范围时，它似乎将它们对齐(假设保留纵横比)中间和中心。我实际上想将它们顶部和中心对齐，但我似乎找不到正确的方法。

Answer 1

添加preserveAspectRatio="xMidYMin meet"给你的<image>元素。