我正在创建一个“图像生成器”，用户可以上传图像并添加文字和/或绘制图像。输出的图像是固定尺寸(698×450)。
在客户端，当用户上传图像时，将其设置为背景大小为698×450的div的背景。这使得它很好地填满了地区。
最终组合的图像由PHP使用GD函数生成。我的问题是，如何在PHP中以与CSS相同的方式获得图像的扩展。我希望PHP脚本的结果看起来像在CSS中设置的图像一样，就像上面那样。
有人知道浏览器使用background-size：cover如何计算如何适当地缩放图像？我想把它翻译成PHP。
谢谢
解决方法
这是覆盖计算背后的逻辑。
您有四个基本值：
- imgWidth // your original img width
- imgHeight
- containerWidth // your container width (here 698px)
- containerHeight
从这些值得出的两个比值：
- imgRatio = (imgHeight / imgWidth) // original img ratio
- containerRatio = (containerHeight / containerWidth) // container ratio
您想要找到两个新值：
- finalWidth // the scaled img width
- finalHeight
所以：
- if (containerRatio > imgRatio)
- {
- finalHeight = containerHeight
- finalWidth = (containerHeight / imgRatio)
- }
- else
- {
- finalWidth = containerWidth
- finalHeight = (containerWidth / imgRatio)
- }
…你有相当于一个背景大小：封面。
