[Bug Report] Chinese words are sticking together
francisfeng opened this issue · 8 comments
Check out this jsfiddle: https://jsfiddle.net/eywraw8t/140773/ .
These words are sticking together, making themselves barely recognizable.
I think it will be great to provide an option with which each word takes up its own space without overlapping each other.
I think the problem is, that some lines are so thin, so they are not even visible when calculating pixels with the help of the canvas.
You can try to add some spacing between the words with :spacing="1/8" for example.
https://jsfiddle.net/fhcmtkdw/
Adding spacing is not working. I've try a few.
I didn't know the implementation involves canvas. I guess there's no way around it as long as it uses canvas, right?
Thanks for your help. You can close this issue if you want to.
Which browser do you use? Which version? Which OS?
This is how it looks on my side.
How does it looks like if you insert your text into the demo?
https://seregpie.github.io/VueWordCloud/
北京 30
上海 26
广州 11
Shanghai 10
西安 3
深圳 2
Guangzhou 1
杭州"1
Nanjing 1
Changsha 1
成都 1
On Windows 1803, Chrome 67.0.3396.99 (the current latest Chrome).
It works fine on https://seregpie.github.io/VueWordCloud/
Hmm...
By you it is working in demo but does not work on jsfiddle.net.
By me it is working there and there.
I also have Chrome 67.
The only problem, I can think of, is the font.
Look if this throws errors for you.
https://jsfiddle.net/fhcmtkdw/17/
Maybe try to change the font family.
No, it didn't throw any errors.
Each time I changed the font, the rendered word cloud did looked different. But they were still overlapping each other.
Mircosoft Yahei
Noto Sans CJK SC
https://jsfiddle.net/fhcmtkdw/25/
Have you solved this problem?