chrisrzhou / react-wordcloud

☁️ Simple React + D3 wordcloud component with powerful features.

Home Page:https://react-wordcloud.netlify.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Canvas2D: Multiple readback operations using getImageData are faster with the willReadFrequently attribute set to true

lieudusty123 opened this issue · comments

I am using react-wordcloud and whenever the size of the container changes it sorts the word cloud to fit the current (70%) screen size.

My console gets spammed by the warning:
Screenshot_2

The link the warning gives:
https://html.spec.whatwg.org/multipage/canvas.html#concept-canvas-will-read-frequently

I tried to use the package's default settings and I still got this warning.

`import ReactWordcloud from "react-wordcloud";
const options = {
colors: ["#FFF7E5", "#F9D3AB", "#f4cc72", "#ffbe2d", "#ffb100"],
enableTooltip: false,
deterministic: true,
fontFamily: "impact",
fontSizes: [40, 80],
fontStyle: "normal",
fontWeight: "normal",
padding: 2,
rotations: 1,
rotationAngles: [0],
scale: "sqrt",
spiral: "archimedean",
transitionDuration: 1000,
};
return(<div
style={{ width: "100%", height: "100%" }}

)`

i have same problem , still not found a solution?