@wafuwafu13/react-rich-text-test-test

react-p5-components

🎨 use p5.js in react without writing p5's code

Install

npm i react-p5-components

Components

GenerateLettersByDragCanvas

Code

import GenerateLettersByDragCanvas from "react-p5-components";

<GenerateLettersByDragCanvas
  letters={"example letters"}
  height={500}
  width={500}
  font={"Georgia"}
  fontColor={"#000000"}
  fontSizeMin={10}
  backgroundColor={"#CCCCCC"}
/>

Demo

click here

Props

Name	Type	Default	Description
letters	string		generate this letters
height	number	500	canvas height
width	number	500	canvas width
font	string	"Georgia"	font-family
fontColor	string	"#000000"	font color
fontSizeMin	number	10	minimum size of letter
backgroundColor	string	#CCCCCC	canvas background color