裁剪掉图像中的所有白色

Question

CSS中是否有命令或JavaScript中的库可以裁剪图像中的所有白色？我知道有些应用程序我可以手动完成，但我只是想知道是否有通过代码完成的方法。

Answer 1

如果你需要去除所有的白色，无论它在图像中的位置如何，你最好使用画布

https://www.google.co.uk/url?sa=t&source=web&rct=j&ei＝IRmPVeiZEMfzUuKdgZgH&url=https://stackoverflow.com/questions/7348618/html5-canvas-clipping-by-color&ved=0CBwQFjAA&usg=AFQjCNF2krW5jYeCbSEUJZQZDsnlsKHWlA&sig2=RdGtcI4Hs_1QabWUmoAKdA

Answer 2

使用HTML&CSS这是一种方法，但如果你在图像编辑软件中这样做会更好（效率更高）。

基本上将要显示的图像包装在容器div中，给它一个特定的高度和宽度。然后给图像100%的宽度，以防图像太小&隐藏溢出。这是代码：

HTML

CSS

.container { 
    width: 400px; 
    height: 200px; 
    overflow: hidden; 
}
.container img { 
    width: 100%;
}

试试看。诀窍在于overflow:hidden;。