请问怎么裁剪掉overflow:hidden超出的部分?

就是说让超出父元素的部分剪切掉,而不是纯的隐藏

阅读 5.2k
4 个回答

hidden其实就是修剪掉了。

在当前页面没有被渲染出来的,就可以当做不存在。至少在css所负责的“表现”这一方面上。

CSS 并没有提供你想要的剪切属性,其实 overflow:hidden 已经完成了类似剪切的效果,其渲染的效果便是将超出的部分给剪切掉。

其实前段时间我也想要这种效果因为我想把别人的图“撕了”。。但是我看了几个方法其实都是把原图进行变换、运用overflow:hidden,但是这并没有真正的生成一个裁剪后的图片文件,只是将原图进行了遮盖。

上传头像功能是怎么实现的,可以去看看,我觉得这个应该是你要的效果。

把图片画在canvas上,然后canvas保存图片. 分别用到drawImage和toDataURL

撰写回答
你尚未登录,登录后可以
  • 和开发者交流问题的细节
  • 关注并接收问题和回答的更新提醒
  • 参与内容的编辑和改进,让解决方法与时俱进
推荐问题