Html 使用CSS裁剪和拉伸图像以填充页面

Html 使用CSS裁剪和拉伸图像以填充页面,html,css,image,crop,stretch,Html,Css,Image,Crop,Stretch,我想裁剪,然后非比例拉伸图像,以填充整个页面。我认为,只要使用CSS和适当的DOM结构,这是可行的。我不坚持CSS解决方案。即使是客户端JavaScript也适合我,只要我可以从服务器下载完整大小的图像 任何帮助都将不胜感激 Jan你可以使用CSS 。剪辑我{ 剪辑路径:插入(10px 20px 0px 0px); -webkit剪辑路径:多边形(10%10%,10%10%,10%10%); } 对象匹配可能会对您有所帮助,ie11需要polyfill,但

我想裁剪,然后非比例拉伸图像,以填充整个页面。我认为,只要使用CSS和适当的DOM结构,这是可行的。我不坚持CSS解决方案。即使是客户端JavaScript也适合我,只要我可以从服务器下载完整大小的图像

任何帮助都将不胜感激

Jan

你可以使用CSS

。剪辑我{
剪辑路径:插入(10px 20px 0px 0px);
-webkit剪辑路径:多边形(10%10%,10%10%,10%10%);
}

对象匹配可能会对您有所帮助,ie11需要polyfill,但