【CSS】CSS聊天气泡里三角形图片背景的问题

• Z时代
• 2024-01-10
• 分类：技术分享

如图，很多聊天气泡里都有一个指向头像的小三角，如果是文字气泡，可以用一个跟聊天气泡同样颜色的小三角拼接在后面；但是图片的话该怎么办？怎么把这个小三角里填充上图片背景呢？可以看出小三角那一列是被遮住了，只露出了小三角里的图片。

回答：

https://jsfiddle.net/5gstomnq...

回答：

拿微信当例子。就从我目前了解的情况来看，只有分享、小程序分享和文字才会有指向用户的三角，自己发的图片是没有的。

回答：

你可以使用canvas中的getImageData方法获取图片边界的背景颜色，然后来填充小三角

以上是 【CSS】CSS聊天气泡里三角形图片背景的问题 的全部内容， 来源链接： utcz.com/a/155115.html