图像中的透明背景颜色

Question

如何删除图像或背景图像中的特定背景颜色或使其透明？ 例如，我有一个图像，我想删除其中的所有白色像素以显示页面上它们“背后”的内容。

<div style="
    background-color: #F4F4F7;
    background-image: url('wa.jpg');
    background-repeat: no-repeat;
    background-position: right bottom;
    background-size: 200px 280px;"
align="left">

有哪些功能或属性可以做到这一点？

Answer 1

在 css 中添加以下行

mix-blend-mode: multiply;

您可以看到背景颜色和白色像素将 go 关闭

Answer 2

我相信没有 javascript 或 HTML 或 CSS 属性、属性或 ZC1C425268E68385D1AB5074C1 你在问什么。

您需要在图像编辑器中删除背景并将图像另存为 .gif 或具有透明背景的 png。

我以前用Paint.Net 来做，但你可以用你拥有的任何图像编辑器来做。

Answer 3

在 CSS 中设置background属性时，您可以为 div 添加透明背景，图像如下：

#myDiv {
 background:transparent url(myImage);
 }

Answer 4

您只能通过 PNG 格式的透明图像查看。 在您的示例中，您使用的 JPG 格式无论您做什么都无法透明（除非您要在 css 中使用 opacity 属性）。 在保存图像时使用 .gif 或 .png 以获得所需的结果。

Answer 5

我使用的解决方案是在使用之前从图像中删除背景。 您可以通过remove.bg运行图像来做到这一点。

Answer 6

这是实现这一目标的一种方法。

1. 在 canvas 上绘制图像。

2. 移除所有白色（或首选颜色）像素。