怎么实现微信聊天时的气泡图

html-css017

怎么实现微信聊天时的气泡图,第1张

1)首先想要设置聊天气泡,我们先要下载一个叫“微信聊天泡泡”的软件。 ...

2)下载完毕之后,我们打开微信,然后在聊天页面的右下方的“+”点击进去,然后在“...

3)最后在“+”中我们就可以看到“微信聊天泡泡”,然后点击打开,选择想要使用的气...

用微信这么多年,刚刚发现这个问题,上个图说一下:

当聊天发送图片时,气泡右侧小三角里面显示的也是图片,这是怎么实现的呢,当然原生app实现起来很容易啦,

对于前端小伙伴,用css实现的办法我查了一些资料,结果不是很完美

下面给出一个canvas画出的气泡:

2、先定义好 在页面加载完成后使用:

image.onload = draw

3、使用匿名函数: window.onload = function(){alert(321)

......先慢慢研究下吧