@makinox/image-creator v1.0.2
@makinox/image-creator
A library to create images.
Used
- Typescript
Link to image-creator!
Example
import CreateImage from './script/creation';
CreateImage({ filePath: './test.png', extraLogo: './src/assets/B.svg' }).then((created) => console.log({ created }));
Create image options
width
Change canvas width
Type: number
Default: 1200
height
Change canvas height
Type: number
Default: 1200
backgroundColor
Change canvas background color
Type: string | CanvasGradient | CanvasPattern
Default: #000
titleFontStyle
Change properties of the title
Type: string
Default: bold 70pt Open Sans
textAlign
Change the alignment of the canvas texts
Type: CanvasTextAlign
Default: center
textTitle
Change the title of the canvas
Type: string
Default: Hello, World!
titleFillStyle
Change color of the title background
Type: string | CanvasGradient | CanvasPattern
Default: #047788
titleColor
Change color of the title
Type: string | CanvasGradient | CanvasPattern
Default: #fff
subTextColor
Change color of the sub text
Type: string | CanvasGradient | CanvasPattern
Default: #fff
subTextFontStyle
Change properties of the sub text
Type: string
Default: bold 30pt Open sans
subText
Change the sub text
Type: string
Default: image-creator.jesusbossa.dev
extraLogo
Set a logo
Type: string
filePath
Set the path of the created file
Type: string
Available Scripts
In the project directory, you can run:
yarn start
Runs the app in the development mode.