Css等比例缩放图片后截取图片中的一部分

Css等比例缩放图片后截取图片中的一部分,第1张

概述因为在做一个简单的相册功能,做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块,但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法截取前: 截取后: CSS代码:<img src="1.jpg" style="clip:rect(10px 100px 90px 20px);position: abso…

因为在做一个简单的相册功能,做相册封面的时候我考虑了几种方法使用PHP在图片的缩略图上取出正方形的一块,但是Google一下后发现有更简单粗暴有效的使用纯CSS实现的方法

截取前:

截取后:

CSS代码:

<img src="1.jpg" style="clip:rect(10px 100px 90px 20px);position: absolute;wIDth: 100px;" /> 总结

以上是内存溢出为你收集整理的Css等比例缩放图片后截取图片中的一部分全部内容,希望文章能够帮你解决Css等比例缩放图片后截取图片中的一部分所遇到的程序开发问题。

如果觉得内存溢出网站内容还不错,欢迎将内存溢出网站推荐给程序员好友。

欢迎分享,转载请注明来源:内存溢出

原文地址:https://54852.com/web/1024653.html

(0)
打赏 微信扫一扫微信扫一扫 支付宝扫一扫支付宝扫一扫
上一篇 2022-05-23
下一篇2022-05-23

发表评论

登录后才能评论

评论列表(0条)

    保存