? 最近公司項(xiàng)目要求根據(jù)一張人形的背景圖，然后根據(jù)該人形身上的標(biāo)簽名稱(chēng)來(lái)生成人形詞云的效果！

? 本文選擇的是echarts-wordcloud來(lái)生成詞云的，以下是部分代表性代碼

圖片發(fā)自簡(jiǎn)書(shū)App

? 背景圖片是一張透明的微胖的人形圖

圖片發(fā)自簡(jiǎn)書(shū)App

然后在Google瀏覽器上看到的效果是這樣的

圖片發(fā)自簡(jiǎn)書(shū)App

當(dāng)時(shí)以為已經(jīng)萬(wàn)事大吉啦?？墒悄骋惶齑蜷_(kāi)禪道，習(xí)慣性地左擊了一下bug那一欄，突然看到測(cè)試大佬提出了該人形在Firefox上出不了效果，然后自己就去火狐瞄了一眼！what？怎么是一片空白的？

圖片發(fā)自簡(jiǎn)書(shū)App

一開(kāi)始以為是兼容性問(wèn)題，后來(lái)又換了IE其他的瀏覽器，發(fā)現(xiàn)都可以顯示正常，唯獨(dú)Firefox上是一片空白的！沒(méi)有辦法，只能去問(wèn)度娘咯！可是不如人意，前前后后花了半天的時(shí)間，試過(guò)了很多方法，在Firefox上還是一片空白！后來(lái)實(shí)在沒(méi)轍啦，就換了一張其他的背景圖片！我去，終于不是一片空白啦。效果終于在Firefox上顯示出來(lái)啦！后來(lái)對(duì)比了下兩張背景圖片的區(qū)別，原來(lái)是因?yàn)橹坝玫谋尘皥D片背景是透明的，所以效果出不來(lái)！后來(lái)把背景圖片換成了如下(白底黑輪廓)

圖片發(fā)自簡(jiǎn)書(shū)App

然后在Firefox上的效果是這樣的

圖片發(fā)自簡(jiǎn)書(shū)App

搞了半天，原來(lái)是因?yàn)閳D片的問(wèn)題！真是后悔死一開(kāi)始的出發(fā)點(diǎn)怎么不在圖片上！