Examples on non-radial shapes? about wordcloud2.js HOT 4 CLOSED

You would have to do it with a picture mask by draw the "ocean" on the first and set the "land" color to WordCloud as the color that can be used to place text.

from wordcloud2.js.

Thanks for you reply, but I'm not sure I understand yet. Until now, I always use shape-generator.html to generate cloud shapes. Does the process you describe use shape-generator.html at all? Or is it something I need to do in wordcloud2.js? Where do I set the "land" color?
An example might be useful? Thanks again.

from wordcloud2.js.

1. Paste your world image into the canvas. (ctx.drawImage() and whatnot)
2. Ask WordCloud to draw on that canvas with clearCanvas to false and backgroundColor of the color to be drawn words over (I assume that's the color of the continents for an image of a world map).

https://github.com/timdream/wordcloud2.js/blob/master/API.md#presentation

You don't need shape-generator.html.

Please consider contributing by submit a pull request to show your work as a new demo once you figure out how to do it :)

from wordcloud2.js.

I'm trying to follow this, but when I set clearCanvas: false, the word cloud doesn't work at all (nothing draws). Would it be possible to post a short code example? Thanks!

from wordcloud2.js.