Android开发：如何仅为图片（而非整个ImageView）添加轮廓？

当然可以实现，根据图片是否带透明通道，分两种方案：

方案1：带透明通道的图片（如PNG） #

使用CSS的drop-shadow滤镜，它会沿着图片的不透明内容边缘生成阴影，将阴影设置为纯色即可模拟轮廓效果，完全贴合图片内容，且不会改变图片原始尺寸。

示例代码：

img {
  /* 2px 为轮廓宽度，#000 为轮廓颜色，可按需调整 */
  filter: drop-shadow(0 0 2px #000);
}

如果需要多层轮廓，可叠加多个滤镜：

img {
  filter: drop-shadow(0 0 2px #000) drop-shadow(0 0 4px #fff);
}

方案2：不透明图片（如JPG） #

这类图片没有透明背景，直接给图片加轮廓会沿着整个图片的矩形边缘生效。可以给图片套一个贴合尺寸的容器，再给容器加轮廓，确保不缩放图片：

HTML结构：

<div class="img-wrapper">
  <img src="your-image.jpg" alt="描述文本">
</div>

CSS样式：

.img-wrapper {
  display: inline-block; /* 容器自动贴合图片原始尺寸 */
  outline: 2px solid #000; /* 轮廓样式 */
}
.img-wrapper img {
  display: block; /* 消除图片底部默认的空白间隙 */
}

注意事项 #

• drop-shadow滤镜兼容所有现代浏览器，IE浏览器不支持；
• 两种方案都不会对图片进行缩放操作，完全保留原始宽高比和尺寸。

内容的提问来源于stack exchange，提问作者Kuki