Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.
Awesome Lists | Featured Topics | Projects
https://github.com/fatiharridho/canvas

make your dreams come true
https://github.com/fatiharridho/canvas
canvas canvas-api canvas2d canvasjs
Last synced: about 10 hours ago
JSON representation
make your dreams come true
Host: GitHub
URL: https://github.com/fatiharridho/canvas
Owner: FatihArridho
License: mit
Fork: true (hardianto-cpu/canvas-hikki)
Created: 2023-01-13T07:33:25.000Z (about 2 years ago)
Default Branch: main
Last Pushed: 2023-01-19T05:37:20.000Z (about 2 years ago)
Last Synced: 2025-01-21T11:36:17.543Z (1 day ago)
Topics: canvas, canvas-api, canvas2d, canvasjs
Language: JavaScript
Homepage: https://npmjs.com/package/canvas-fatih
Size: 5.14 MB
Stars: 5
Watchers: 0
Forks: 4
Open Issues: 0
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project

README

        


  



## Installation

```bash

$ npm install canvas-fatih

```



    

        

    



## How To Use?

Example Welcome V1


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Welcome()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setGuildName("CpdXSeven")

    .setGuildIcon("https://cdn.dribbble.com/users/1051393/screenshots/7011829/media/f19892ea228d4dfafd5a0abf273f6b3c.png")

    .setBackground("https://telegra.ph/file/3f4993d39b9994c54da94.jpg")

    .setMemberCount("404")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/welcome-v1.png', data)

 

```

### Result Welcome V1



Example Welcome V2


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Welcome2()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setBg("https://img.freepik.com/free-vector/perspective-japanese-street-neon-lights_52683-44988.jpg")

    .setGroupname("CpdXSeven")

    .setMember("404")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/welcome-v2.png', data)

 

```

### Result Welcome V2



Example Welcome V3


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Welcome3()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/welcome-v3.png', data)

 

```

### Result Welcome V3



Example Goodbye V1


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Goodbye()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setGuildName("CpdXSeven")

    .setGuildIcon("https://cdn.dribbble.com/users/1051393/screenshots/7011829/media/f19892ea228d4dfafd5a0abf273f6b3c.png")

    .setBackground("https://telegra.ph/file/3f4993d39b9994c54da94.jpg")

    .setMemberCount("404")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/goodbye-v1.png', data)

 

```

### Result Goodbye V1



Example Goodbye V2


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Goodbye2()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setBg("https://img.freepik.com/free-vector/perspective-japanese-street-neon-lights_52683-44988.jpg")

    .setGroupname("CpdXSeven")

    .setMember("404")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/goodbye-v2.png', data)

 

```

### Result Goodbye V2



Example Goodbye V3


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Goodbye3()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/goodbye-v3.png', data)

 

```

### Result Goodbye V3



Example Promote


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Promote()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setGuildName("CpdXSeven")

    .setGuildIcon("https://cdn.dribbble.com/users/1051393/screenshots/7011829/media/f19892ea228d4dfafd5a0abf273f6b3c.png")

    .setBackground("https://telegra.ph/file/3f4993d39b9994c54da94.jpg")

    .setMemberCount("404")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/promote.png', data)

 

```

### Result Promote



Example Demote


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Demote()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setGuildName("CpdXSeven")

    .setGuildIcon("https://cdn.dribbble.com/users/1051393/screenshots/7011829/media/f19892ea228d4dfafd5a0abf273f6b3c.png")

    .setBackground("https://telegra.ph/file/3f4993d39b9994c54da94.jpg")

    .setMemberCount("404")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/demote.png', data)

 

```

### Result Demote



Example Verification


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Verification()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setGuildName("CpdXSeven")

    .setGuildIcon("https://cdn.dribbble.com/users/1051393/screenshots/7011829/media/f19892ea228d4dfafd5a0abf273f6b3c.png")

    .setBackground("https://telegra.ph/file/3f4993d39b9994c54da94.jpg")

    .setMemberCount("404")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/verification.png', data)

 

```

### Result Verification



Example Signup


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Signup()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setName("Fatih Arridho")

    .setBackground("https://telegra.ph/file/3f4993d39b9994c54da94.jpg")

    .setEmail("[email protected]")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/signup.png', data)

 

```

### Result Signup



Example Hacker V1


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Hacker1()

    .setName("Fatih Arridho")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/hacker-v1.png', data)

 

```

### Result Hacker V1



Example Hacker V2


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Hacker2()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/hacker-v2.png', data)

 

```

### Result Hacker V2



Example Hacker V3


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Hacker3()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/hacker-v3.png', data)

 

```

### Result Hacker V3



Example Rank


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Rank()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setBg("https://telegra.ph/file/3f4993d39b9994c54da94.jpg")

    .setNeedexp("5000")

    .setCurrxp("6000")

    .setLevel("9")

    .setRank("https://i.pinimg.com/originals/b2/fc/1d/b2fc1da4a7c50bcc2f48fc75b54c1fee.png")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/rank.png', data)

 

```

### Result Rank



Example Level Up


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Up()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/up.png', data)

 

```

### Result Level Up



Example Gfx V1


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Gfx1()

    .setName("Fatih")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/gfx-v1png', data)

 

```

### Result Gfx V1



Example Gfx V2


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Gfx1()

    .setName("Fatih")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/gfx-v2.png', data)

 

```

### Result Gfx V2



Example Gfx V3


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Gfx3()

    .setText1("Fatih")

    .setText2("Idhoo")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/gfx-v3.png', data)

 

```

### Result Gfx V3



Example Gfx V4


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Gfx4()

    .setText1("Fatih")

    .setText2("Idhoo")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/gfx-v4.png', data)

 

```

### Result Gfx V4



Example Gfx V5


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Gfx5()

    .setName("Fatih")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/gfx-v5.png', data)

 

```

### Result Gfx V5



Example Custom Gfx V1


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.customGfx()

    .setText("Fatih")

    .setBg("https://api.fatiharridho.my.id/images/logo.png")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/customGfx-v1.png', data)

 

```

### Result Custom Gfx V1



Example Custom Gfx V2


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.customGfx2()

    .setText1("Fatih")

    .setText2("Idhoo")

    .setBg("https://api.fatiharridho.my.id/images/logo.png")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/customGfx-v2.png', data)

 

```

### Result Custom Gfx V2



Example Gura


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.customGfx2()

    .setName("Fatih")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/customGfx-v2.png', data)

 

```

### Result Gura



Example Spongebob Burn


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Burn()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/burn.png', data)

 

```

### Result Spongebob Burn



Example Patrick


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Patrick()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/patrick.png', data)

 

```

### Result Patrick



Example Instagram Profile


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Ig()

    .setAvatar("https://api.fatiharridho.my.id/images/logo.png")

    .setUsername("Fatih Arridho")

    .setPost("19")

    .setFollowers("10000")

    .setFollowing("230")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/instagram-profile.png', data)

 

```

### Result Instagram Profile



Example Xnxx


```js

const cf = require("canvas-fatih");

const fs = require('fs');

const image = await new cf.Xnxx()

    .setImage("https://api.fatiharridho.my.id/images/logo.png")

    .setTitle("Fatih Arridho")

    .toAttachment();

  

  data = image.toBuffer();

  await fs.writeFileSync(__path +'/tmp/xnxx.png', data)

 

```

### Result Xnxx



---



  ⭐ Thanks To


  

    

      
_{Squad 404}


      
_{Hardianto CPU}


      
_{Fatih Arridho}