DevSnowflake / Canvacord
Licence: gpl-3.0
Powerful image manipulation tool to manipulate images easily.
Stars: ✭ 87
Programming Languages
typescript
32286 projects
Labels
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
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
Cloudinary Vue
Cloudinary components library for Vue.js application, for image and video optimization.
Stars: ✭ 76 (-12.64%)
Mutual labels: image-manipulation
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
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
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
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
Join our Discord server
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
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].