All Projects → DevSnowflake → Canvacord

DevSnowflake / Canvacord

Licence: gpl-3.0
Powerful image manipulation tool to manipulate images easily.

Programming Languages

typescript
32286 projects

Projects that are alternatives of or similar to Canvacord

Jspaint
🎨 Classic MS Paint, REVIVED + ✨Extras
Stars: ✭ 5,972 (+6764.37%)
Mutual labels:  image-manipulation, canvas
Pixelcraft
A Pixel Art Editor
Stars: ✭ 413 (+374.71%)
Mutual labels:  image-manipulation, canvas
Mopaint
🎨💪 Modern, modular paint and more! (pre-alpha, not much done yet)
Stars: ✭ 50 (-42.53%)
Mutual labels:  image-manipulation, canvas
Lena.js
👩 Library for image processing
Stars: ✭ 432 (+396.55%)
Mutual labels:  image-manipulation, canvas
Merge Images
Easily compose images together without messing around with canvas
Stars: ✭ 1,172 (+1247.13%)
Mutual labels:  image-manipulation, canvas
Pixelate
Pixelate an image with canvas.
Stars: ✭ 78 (-10.34%)
Mutual labels:  canvas
Canvaskeyframes
最简单的序列帧动画canvas插件
Stars: ✭ 83 (-4.6%)
Mutual labels:  canvas
Term Web
📟 A simple Terminal UI that run on the web
Stars: ✭ 77 (-11.49%)
Mutual labels:  canvas
Cloudinary Vue
Cloudinary components library for Vue.js application, for image and video optimization.
Stars: ✭ 76 (-12.64%)
Mutual labels:  image-manipulation
Vue Card Diy
Canvas-based custom card vue app
Stars: ✭ 83 (-4.6%)
Mutual labels:  canvas
Canvas Special
👽🌟超多经典 canvas 实例,动态离子背景、移动炫彩小球、贪吃蛇、坦克大战、是男人就下100层、心形文字等等等
Stars: ✭ 1,256 (+1343.68%)
Mutual labels:  canvas
Binari
Interactive code editor with a live binary tree visual designed to teach new developers the fundamentals of dynamic programming.
Stars: ✭ 82 (-5.75%)
Mutual labels:  canvas
Waveforms
An interactive, explorable explanation about the peculiar magic of sound waves.
Stars: ✭ 1,218 (+1300%)
Mutual labels:  canvas
Curvejs
Made curve a dancer in HTML5 canvas - 魔幻线条
Stars: ✭ 1,251 (+1337.93%)
Mutual labels:  canvas
Ng2 Konva
Angular & Canvas - JavaScript library for drawing complex canvas graphics using Angular.
Stars: ✭ 78 (-10.34%)
Mutual labels:  canvas
Animated Stars Android
Draw animated stars on Android view canvas - written in Kotlin
Stars: ✭ 85 (-2.3%)
Mutual labels:  canvas
Ditherjs
A javascript library which dithers an <img> using a fixed palette
Stars: ✭ 76 (-12.64%)
Mutual labels:  canvas
Touchable
Flutter library to add gestures and animations to each Shape you draw on your canvas in your CustomPainter
Stars: ✭ 82 (-5.75%)
Mutual labels:  canvas
Watercolor Canvas
Creating watercolor-style canvas art
Stars: ✭ 84 (-3.45%)
Mutual labels:  canvas
Panoramic Image Stitching Using Invariant Features
Given a number of input images, concatenate all images to produce a panoramic image using invariant features.
Stars: ✭ 81 (-6.9%)
Mutual labels:  image-manipulation

Canvacord

Powerful image manipulation tool to manipulate images easily.

Installation

$ npm i canvacord

NPM

Features

  • Super simple and easy to use 😎
  • Faster than canvacord v4 🚀
  • More than 50 methods...? Yay! 🎉
  • Built on node-canvas and no bullsh*t involved 🔥
  • Object oriented 💻
  • Beginner friendly 🤓
  • Supports emojis 😀

Documentation

https://canvacord.js.org

Join our Discord server

https://discord.gg/2SUybzb

Examples

Rank Card

const canvacord = require("canvacord");
const img = "https://cdn.discordapp.com/embed/avatars/0.png";

const userData = getDataSomehow();

const rank = new canvacord.Rank()
    .setAvatar(img)
    .setCurrentXP(userData.xp)
    .setRequiredXP(userData.requiredXP)
    .setStatus("dnd")
    .setProgressBar("#FFFFFF", "COLOR")
    .setUsername("Snowflake")
    .setDiscriminator("0007");

rank.build()
    .then(data => {
        const attachment = new Discord.MessageAttachment(data, "RankCard.png");
        message.channel.send(attachment);
    });

Preview

RankCard

Other Examples

const Discord = require("discord.js");
const client = new Discord.Client();
const canvacord = require("canvacord");

client.on("ready", () => {
    console.log("I'm online!");
});

client.on("message", async (message) => {
    if (message.author.bot) return;
    if (message.content === "!triggered") {
        let avatar = message.author.displayAvatarURL({ dynamic: false, format: 'png' });
        let image = await canvacord.Canvas.trigger(avatar);
        let attachment = new Discord.MessageAttachment(image, "triggered.gif");
        return message.channel.send(attachment);
    }
});

client.login("Your_Bot_Token_here");

Note

⚠ | In order to use Canvacord#Welcomer/Canvacord#Leaver/Canvacord#CaptchaGen, you may need to install packages like discord-canvas & captcha-canvas.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].