如何仅使用 HTML/CSS(即无服务器代码)调整图像大小,同时保持其比例并具有裁剪效果。详细信息:我希望将其调整为指定的宽度,保持比例,如果高度大于指定值,则将其裁剪到指定的高度?
实际上,我知道如何使用一些服务器代码来做到这一点,但我不想这样做。这意味着使用不同的文件引用并引用图片,例如<img src="picture.php" />
. 我需要在显示它的同一页面中处理图像。
让我“困扰”的是我必须发送图像标题,因此页面上不会显示其他任何内容。
有没有办法做这样的事情?也许来自纯 HTML/CSS?:P
我做了一个函数来做类似的事情(除了“裁剪”的东西),它只返回width="" height=""
,我像这样使用它<img src="image.jpg" resize("image.jpg") />
,但我不明白我怎么能做那个裁剪......
谢谢