echarts-wordcloud根据背景图片生成词云,在Firefox浏览器中显示不出来的问题

  最近公司项目要求根据一张人形的背景图,然后根据该人形身上的标签名称来生成人形词云的效果!

  本文选择的是echarts-wordcloud来生成词云的,以下是部分代表性代码

图片发自App

  背景图片是一张透明的微胖的人形图

图片发自App


然后在Google浏览器上看到的效果是这样的

图片发自App

当时以为已经万事大吉啦。可是某一天打开禅道,习惯性地左击了一下bug那一栏,突然看到测试大佬提出了该人形在Firefox上出不了效果,然后自己就去火狐瞄了一眼!what?怎么是一片空白的?

图片发自App

一开始以为是兼容性问题,后来又换了IE其他的浏览器,发现都可以显示正常,唯独Firefox上是一片空白的!没有办法,只能去问度娘咯!可是不如人意,前前后后花了半天的时间,试过了很多方法,在Firefox上还是一片空白!后来实在没辙啦,就换了一张其他的背景图片!我去,终于不是一片空白啦。效果终于在Firefox上显示出来啦!后来对比了下两张背景图片的区别,原来是因为之前用的背景图片背景是透明的,所以效果出不来!后来把背景图片换成了如下(白底黑轮廓)

图片发自App

然后在Firefox上的效果是这样的

图片发自App

搞了半天,原来是因为图片的问题!真是后悔死一开始的出发点怎么不在图片上!

你可能感兴趣的:(echarts-wordcloud根据背景图片生成词云,在Firefox浏览器中显示不出来的问题)