What is canvacord?
Canvacord is a powerful utility to generate beautiful images in JavaScript or TypeScript. You use React-like components to declare how you want your image to look, without ever having to calculate the position of elements or worry about the size of the canvas. Canvacord does all the heavy lifting for you, such as image rendering, formats conversion, and more. Canvacord abstracts the complexity of image generation and provides a simple and intuitive API to create images. This allows you to focus on the design and content of your images, rather than the technical details that goes into rendering them as needed. Whether you’re a beginner or an expert, Canvacord is the perfect tool to create stunning images for your projects with little to no effort.Pre-requisites
We try our best to make Canvacord as easy to use as possible. However, there are a few things you need to know before you start using Canvacord. To get the most out of Canvacord, you should have a basic understanding of the following:Knowledge of JavaScript
Since Canvacord is a JavaScript library, you should have a basic
understanding of JavaScript to use it effectively.
Basic knowledge of HTML
Since Canvacord relies heavily on HTML tags, you should have a basic
understanding of it.
Basic knowledge of CSS
Canvacord uses CSS to style the images, such as setting the font size,
color, width, etc. Therefore, having a basic understanding of CSS will help
you style your images effectively.
Knowledge of React
Canvacord uses React-like components to generate images. Therefore, having a
basic understanding of React and its terms will help you get started with
Canvacord.
Make it yours
If you have the understanding of the above concepts, you’re ready to start using Canvacord. You can start by installing Canvacord and creating your first image. If you’re new to Canvacord, we recommend you start with the Quick Start guide to get a better understanding of how Canvacord works.Quick Start
Get started with Canvacord by creating your first image using built-in
builders.
Custom Builders
Build your own image components using Canvacord’s custom builders.
Image Manipulation
Learn how to manipulate images using Canvacord’s built-in image manipulation
tools.
API Reference
Learn about Canvacord’s API and how to use it effectively.
Discord Server
Join our Discord server to get help, share your projects, and more.
Source Code
Contribute to Canvacord by submitting bug reports, feature requests, and
more.