扫码关注官方订阅号
就是说让超出父元素的部分剪切掉,而不是纯的隐藏
欢迎选择我的课程,让我们一起见证您的进步~~
hidden其实就是修剪掉了。
在当前页面没有被渲染出来的,就可以当做不存在。至少在css所负责的“表现”这一方面上。
CSS 并没有提供你想要的剪切属性,其实 overflow:hidden 已经完成了类似剪切的效果,其渲染的效果便是将超出的部分给剪切掉。
其实前段时间我也想要这种效果因为我想把别人的图“撕了”。。但是我看了几个方法其实都是把原图进行变换、运用overflow:hidden,但是这并没有真正的生成一个裁剪后的图片文件,只是将原图进行了遮盖。
上传头像功能是怎么实现的,可以去看看,我觉得这个应该是你要的效果。
把图片画在canvas上,然后canvas保存图片. 分别用到drawImage和toDataURL
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
hidden其实就是修剪掉了。
在当前页面没有被渲染出来的,就可以当做不存在。至少在css所负责的“表现”这一方面上。
CSS 并没有提供你想要的剪切属性,其实 overflow:hidden 已经完成了类似剪切的效果,其渲染的效果便是将超出的部分给剪切掉。
其实前段时间我也想要这种效果因为我想把别人的图“撕了”。。但是我看了几个方法其实都是把原图进行变换、运用overflow:hidden,但是这并没有真正的生成一个裁剪后的图片文件,只是将原图进行了遮盖。
上传头像功能是怎么实现的,可以去看看,我觉得这个应该是你要的效果。
把图片画在canvas上,然后canvas保存图片. 分别用到drawImage和toDataURL