Javascript 裁剪出图像中的所有白色

Javascript 裁剪出图像中的所有白色,javascript,css,image,Javascript,Css,Image,CSS中是否有命令或JavaScript中的库可以裁剪出图像中的所有白色?我知道有些应用程序我可以手动执行,但我只是想知道是否有一种方法可以通过代码执行。对于HTML和CSS,这是一种方法,但如果在图像编辑软件中执行效果更好 基本上,将要显示的图像包装在容器div中,并为其指定特定的高度和宽度。然后给图像一个100%的宽度,以防图像太小&隐藏溢出。代码如下: HTML CSS 试试看。诀窍是溢出:隐藏 如果你需要去除所有的白色,不管它在图像中的什么位置,你最好使用canvas 你需要一个图像处

CSS中是否有命令或JavaScript中的库可以裁剪出图像中的所有白色?我知道有些应用程序我可以手动执行,但我只是想知道是否有一种方法可以通过代码执行。

对于HTML和CSS,这是一种方法,但如果在图像编辑软件中执行效果更好

基本上,将要显示的图像包装在容器div中,并为其指定特定的高度和宽度。然后给图像一个100%的宽度,以防图像太小&隐藏溢出。代码如下:

HTML

CSS


试试看。诀窍是溢出:隐藏

如果你需要去除所有的白色,不管它在图像中的什么位置,你最好使用canvas


你需要一个图像处理库来检测图像中的一个特征你是什么意思裁剪出所有的白色。你的意思是选择所有白色,将其移除并使其透明?是的。我想在背景上放一张图片,但我不想让白色显示。可能重复的可能重复的可能重复的对谁投了反对票,至少在你投反对票时添加一个理由-比盲目投反对票更有建设性。虽然不是我投了反对票,你的答案被否决的原因是因为你的答案不是提问者问题的答案。所以我上面的答案也应该被否决,因为它不是答案?这没有意义,哈哈。它没有增加任何价值。这个答案至少给了他们一个选择。问题是你的答案没有给他们一个选择,因为它没有达到预期的效果
.container { 
    width: 400px; 
    height: 200px; 
    overflow: hidden; 
}
.container img { 
    width: 100%;
}