Skip to content

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

@lieudusty123

Description

@lieudusty123

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%" }}

)`

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions