/Canvas-Editor

This is a simple web project that is made with an aim to learn about canvas element of html. Now, this project is open to all of the amazing contributors.

Primary LanguageHTMLMIT LicenseMIT

🎨 Canvas Editor 🖌️

Hi there, Enjoy the World of Open source contribution

Hello Coders!!👨‍💻
I am Aanurag Vishwakarma, an aspiring Web developer🤖. Here is the project on front-end Web Development.

Overview📌

  • 🎨 This repository contains my project on a Canvas Editor using HTML, CSS, Bootstrap, and JavaScript.
  • 🖼️ It includes a webpage with a canvas element that allows you to style text content as needed (made for fun purposes 🎉).
  • 🚀 We welcome all contributions to make this a fantastic resource for other users.
  • 💻 Jump in and contribute to this grand project
  • 📚 Read the guidelines and get started building! 🛠️
  • 🚀 The project now supports setting background images and colors, enhancing the customization options for your canvas!
  • 🎉 This project is open to contributions from the community. Jump in and help make it a great resource!

New Features ✨

  • Background Image: Easily set an image as the background of your canvas to create more visually appealing designs
  • Background Color: You can now add a custom background color to the canvas with ease!

    • How to Use

    To change the background color or image:

  • Navigate to the canvas options on the webpage!
  • For background color: Select a color from the color picker to apply it to the canvas!
  • For background image: Upload an image file, and it will be displayed as the canvas background!

    • Technology Used

    HTML CSS js

    Back To Top

    Open-Source-Programmes⭐

    This project is now OFFICIALLY accepted for

    GSSOC

    Getting Started💥

    ## How to make a Pull Request?

    1. Start by forking the Canvas-Editor repository. Click on the symbol at the top right corner.

    2. Clone your forked repository:

    git clone https://github.com/<your-github-username>/Canvas-Editor

    3. Navigate to the new project directory:

    cd Canvas-Editor

    4. Set upstream command:

    git remote add upstream https://github.com/vishanurag/Canvas-Editor

    5. Create a new branch:

    git checkout -b YourBranchName

    or

    git branch YourBranchName
git switch YourBranchName

    6. Sync your fork or local repository with the origin repository:

    • In your forked repository click on Fetch upstream.
    • Click Fetch and merge.

    Alternatively, Git CLI way to Sync forked repository with origin repository:

    git fetch upstream
    git merge upstream/main

    Github Docs for Syncing

    7. Make your changes to the source code.

    8. Stage your changes and commit:

    ⚠️ Make sure not to run the commands git add . or git add *. Instead, stage your changes for each file/folder

    git add file/folder
    git commit -m "<your_commit_message>"

    9. Push your local commits to the remote repository:

    git push origin YourBranchName

    10. Create a Pull Request!

    Congratulations! You've made your first contribution! 🙌🏼

    Back To Top

    Project Admin⚡


    Anurag Vishwakarma

    Acknowledgements

    Thank you to all the amazing contributors who have made this project possible! 💝



    Back To Top

    Contributing 💡

    We welcome all contributions to improve Canvas Editor! If you'd like to contribute, please follow the Contributing.md to get started.