? 最近公司項目要求根據(jù)一張人形的背景圖,然后根據(jù)該人形身上的標(biāo)簽名稱來生成人形詞云的效果位谋!
? 本文選擇的是echarts-wordcloud來生成詞云的,以下是部分代表性代碼
圖片發(fā)自簡書App
? 背景圖片是一張透明的微胖的人形圖
圖片發(fā)自簡書App
然后在Google瀏覽器上看到的效果是這樣的
圖片發(fā)自簡書App
當(dāng)時以為已經(jīng)萬事大吉啦堰燎√透福可是某一天打開禪道,習(xí)慣性地左擊了一下bug那一欄秆剪,突然看到測試大佬提出了該人形在Firefox上出不了效果赊淑,然后自己就去火狐瞄了一眼爵政!what?怎么是一片空白的陶缺?
圖片發(fā)自簡書App
一開始以為是兼容性問題钾挟,后來又換了IE其他的瀏覽器,發(fā)現(xiàn)都可以顯示正常饱岸,唯獨Firefox上是一片空白的掺出!沒有辦法,只能去問度娘咯苫费!可是不如人意汤锨,前前后后花了半天的時間,試過了很多方法百框,在Firefox上還是一片空白闲礼!后來實在沒轍啦,就換了一張其他的背景圖片铐维!我去柬泽,終于不是一片空白啦。效果終于在Firefox上顯示出來啦嫁蛇!后來對比了下兩張背景圖片的區(qū)別锨并,原來是因為之前用的背景圖片背景是透明的,所以效果出不來棠众!后來把背景圖片換成了如下(白底黑輪廓)
圖片發(fā)自簡書App
然后在Firefox上的效果是這樣的
圖片發(fā)自簡書App
搞了半天琳疏,原來是因為圖片的問題!真是后悔死一開始的出發(fā)點怎么不在圖片上闸拿!