🎨 Canvas Editor 🖌️

🌟 Stars	🍴 Forks	🐛 Issues	🔔 Open PRs	🔕 Close PRs	🛠️ Languages	👥 Contributors

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

Open-Source-Programmes⭐

This project is now OFFICIALLY accepted for

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! 🙌🏼

Project Admin⚡

Anurag Vishwakarma

Contributors

We are immensely grateful to the following amazing individuals who have contributed their time, effort, and expertise to make this project better. Your contributions, whether through code, documentation, bug reports, or feature suggestions, have been invaluable. Thank you for helping us build and improve Canvas Editor 🌟✨

Your dedication and hard work are what drive this project forward, and we couldn't have done it without you. Each contribution, no matter how small, plays a crucial role in our journey towards creating a more efficient and user-friendly tool for developers. 🙌💻

We look forward to your continued support and collaboration. Together, we can achieve even greater heights! 🚀🌐

Thank you once again to all our contributors! Your efforts are truly appreciated. 💖👏

_{ANURAG VISHWAKARMA}

_{Santhosh Sudhaan N G}

_{Rounak Dey}

_{Poushmita Paul}

            <a href="https://github.com/KAmaL-senpai">
                <img src="https://avatars.githubusercontent.com/u/113301075?v=4" width="100;" alt="KAmaL-senpai"/>
                <br />
                <sub><b>Kamal sing bhumij</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/adityalaxkar123">
                <img src="https://avatars.githubusercontent.com/u/175431218?v=4" width="100;" alt="adityalaxkar123"/>

            <a href="https://github.com/AnujShrivastava01">
                <img src="https://avatars.githubusercontent.com/u/150820396?v=4" width="100;" alt="AnujShrivastava01"/>

                <br />
                <sub><b>adityalaxkar</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/AnujShrivastava01">
                <img src="https://avatars.githubusercontent.com/u/150820396?v=4" width="100;" alt="AnujShrivastava01"/>
                <br />
                <sub><b>Anuj Shrivastava</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/KAmaL-senpai">
                <img src="https://avatars.githubusercontent.com/u/113301075?v=4" width="100;" alt="KAmaL-senpai"/>
                <br />
                <sub><b>Kamal sing bhumij</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/TBorundia">
                <img src="https://avatars.githubusercontent.com/u/168854094?v=4" width="100;" alt="TBorundia"/>
                <br />
                <sub><b>Tina Borundia</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/shimmer12">
                <img src="https://avatars.githubusercontent.com/u/92056170?v=4" width="100;" alt="shimmer12"/>
                <br />
                <sub><b>Srishti Soni</b></sub>
            </a>
        </td>
        <td align="center">

            <a href="https://github.com/Ishika-Gupta06">
                <img src="https://avatars.githubusercontent.com/u/118624573?v=4" width="100;" alt="Ishika-Gupta06"/>
                <br />
                <sub><b>Ishika Gupta</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/AsifQamar">
                <img src="https://avatars.githubusercontent.com/u/93258479?v=4" width="100;" alt="AsifQamar"/>

            <a href="https://github.com/nksmanya">
                <img src="https://avatars.githubusercontent.com/u/171407728?v=4" width="100;" alt="nksmanya"/>

                <br />
                <sub><b>Manya .N</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/kartik9737">
                <img src="https://avatars.githubusercontent.com/u/180297474?v=4" width="100;" alt="kartik9737"/>
                <br />
                <sub><b>Kartik Kumar Pandey </b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Ishika-Gupta06">
                <img src="https://avatars.githubusercontent.com/u/118624573?v=4" width="100;" alt="Ishika-Gupta06"/>
                <br />
                <sub><b>Ishika Gupta</b></sub>
            </a>
        </td>
        <td align="center">

            <a href="https://github.com/AsifQamar">
                <img src="https://avatars.githubusercontent.com/u/93258479?v=4" width="100;" alt="AsifQamar"/>
                <br />
                <sub><b>Cyphrr_07 </b></sub>
            </a>
        </td>
        <td align="center">

            <a href="https://github.com/monishkumardvs">
                <img src="https://avatars.githubusercontent.com/u/125813798?v=4" width="100;" alt="monishkumardvs"/>
                <br />
                <sub><b>Dvs monish kumar</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/JahnavikaGopalbvrith">
                <img src="https://avatars.githubusercontent.com/u/120931967?v=4" width="100;" alt="JahnavikaGopalbvrith"/>
                <br />
                <sub><b>Jahnavika gopal </b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/govindumeesala">
                <img src="https://avatars.githubusercontent.com/u/129055361?v=4" width="100;" alt="govindumeesala"/>
                <br />
                <sub><b>Meesala Govindu</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/poorvikaa08">
                <img src="https://avatars.githubusercontent.com/u/152640996?v=4" width="100;" alt="poorvikaa08"/>
                <br />
                <sub><b>Poorvika</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Archisman141">
                <img src="https://avatars.githubusercontent.com/u/121884549?v=4" width="100;" alt="Archisman141"/>
                <br />
                <sub><b>Archisman Khanra</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Web-Dev-Learner">
                <img src="https://avatars.githubusercontent.com/u/137269309?v=4" width="100;" alt="Web-Dev-Learner"/>
                <br />
                <sub><b>Shrinedhi.M.R.</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Devaki01">
                <img src="https://avatars.githubusercontent.com/u/147143243?v=4" width="100;" alt="Devaki01"/>
                <br />
                <sub><b>phantom_.1</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/Vyshnavi1322">
                <img src="https://avatars.githubusercontent.com/u/164364526?v=4" width="100;" alt="Vyshnavi1322"/>
                <br />
                <sub><b>Venkata Vyshnavi Bondalapati</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Sujal1201">
                <img src="https://avatars.githubusercontent.com/u/151530482?v=4" width="100;" alt="Sujal1201"/>
                <br />
                <sub><b>Sujal Patil</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Pranshu-jais">
                <img src="https://avatars.githubusercontent.com/u/150207373?v=4" width="100;" alt="Pranshu-jais"/>
                <br />
                <sub><b>Pranshu Jaiswal</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/PatelHarsh2006">
                <img src="https://avatars.githubusercontent.com/u/183596777?v=4" width="100;" alt="PatelHarsh2006"/>
                <br />
                <sub><b>Patel Harsh</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Khushi-Nigam">
                <img src="https://avatars.githubusercontent.com/u/143868952?v=4" width="100;" alt="Khushi-Nigam"/>
                <br />
                <sub><b>Khushi Nigam </b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/4F24L">
                <img src="https://avatars.githubusercontent.com/u/108697331?v=4" width="100;" alt="4F24L"/>
                <br />
                <sub><b>Md Afzal Mir</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/VidhanThakur09">
                <img src="https://avatars.githubusercontent.com/u/147980454?v=4" width="100;" alt="VidhanThakur09"/>
                <br />
                <sub><b>Vidhan Thakur</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/VivekShahare04">
                <img src="https://avatars.githubusercontent.com/u/138312154?v=4" width="100;" alt="VivekShahare04"/>
                <br />
                <sub><b>VivekShahare04</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Abhishek2634">
                <img src="https://avatars.githubusercontent.com/u/136872441?v=4" width="100;" alt="Abhishek2634"/>
                <br />
                <sub><b>Abhishek Farshwal</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/archanasingh11">
                <img src="https://avatars.githubusercontent.com/u/114737464?v=4" width="100;" alt="archanasingh11"/>
                <br />
                <sub><b>Archana Singh</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/ash-k121">
                <img src="https://avatars.githubusercontent.com/u/120484393?v=4" width="100;" alt="ash-k121"/>
                <br />
                <sub><b>Ashmeet</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/wgeenath">
                <img src="https://avatars.githubusercontent.com/u/44458689?v=4" width="100;" alt="wgeenath"/>
                <br />
                <sub><b>geenath</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/Krishnamverma951">
                <img src="https://avatars.githubusercontent.com/u/166730422?v=4" width="100;" alt="Krishnamverma951"/>
                <br />
                <sub><b>Krishnam Verma</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/mrpankajpandey">
                <img src="https://avatars.githubusercontent.com/u/107976020?v=4" width="100;" alt="mrpankajpandey"/>
                <br />
                <sub><b>Pankaj Pandey</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/priyashuu">
                <img src="https://avatars.githubusercontent.com/u/150767072?v=4" width="100;" alt="priyashuu"/>
                <br />
                <sub><b>Priya </b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/riyarane46">
                <img src="https://avatars.githubusercontent.com/u/154919910?v=4" width="100;" alt="riyarane46"/>
                <br />
                <sub><b>riyarane46</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/rutikakengal">
                <img src="https://avatars.githubusercontent.com/u/177618218?v=4" width="100;" alt="rutikakengal"/>
                <br />
                <sub><b>Rutika Kengal</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/saadgibawa">
                <img src="https://avatars.githubusercontent.com/u/171240814?v=4" width="100;" alt="saadgibawa"/>
                <br />
                <sub><b>Saadgi Bawa</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/sarinsanyal">
                <img src="https://avatars.githubusercontent.com/u/171278391?v=4" width="100;" alt="sarinsanyal"/>
                <br />
                <sub><b>Sarin Sanyal</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/sejals23">
                <img src="https://avatars.githubusercontent.com/u/183209584?v=4" width="100;" alt="sejals23"/>
                <br />
                <sub><b>Sejal</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/simmi-verma">
                <img src="https://avatars.githubusercontent.com/u/166193913?v=4" width="100;" alt="simmi-verma"/>
                <br />
                <sub><b>simmi verma</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/sriraghavi22">
                <img src="https://avatars.githubusercontent.com/u/140194099?v=4" width="100;" alt="sriraghavi22"/>
                <br />
                <sub><b>sriraghavi22</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/bhatiatanish225">
                <img src="https://avatars.githubusercontent.com/u/118905174?v=4" width="100;" alt="bhatiatanish225"/>
                <br />
                <sub><b>Tanish Bhatia</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Abhi9shinde">
                <img src="https://avatars.githubusercontent.com/u/143414991?v=4" width="100;" alt="Abhi9shinde"/>
                <br />
                <sub><b>Abhinav Shinde</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/Amankr200">
                <img src="https://avatars.githubusercontent.com/u/160874720?v=4" width="100;" alt="Amankr200"/>
                <br />
                <sub><b>Amankr200</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/AnantInamdar77">
                <img src="https://avatars.githubusercontent.com/u/180192523?v=4" width="100;" alt="AnantInamdar77"/>
                <br />
                <sub><b>AnantInamdar77</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/AyushiTaralkar">
                <img src="https://avatars.githubusercontent.com/u/142772971?v=4" width="100;" alt="AyushiTaralkar"/>
                <br />
                <sub><b>Ayushi_Taralkar</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/ayush-py-c">
                <img src="https://avatars.githubusercontent.com/u/85986862?v=4" width="100;" alt="ayush-py-c"/>
                <br />
                <sub><b>Ayushraj_2804 </b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Bhoomysingh10">
                <img src="https://avatars.githubusercontent.com/u/126002795?v=4" width="100;" alt="Bhoomysingh10"/>
                <br />
                <sub><b>Bhoomy Singh</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/gayu999Code">
                <img src="https://avatars.githubusercontent.com/u/182801318?v=4" width="100;" alt="gayu999Code"/>
                <br />
                <sub><b>Gayatri Mohite</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/hariscoder3">
                <img src="https://avatars.githubusercontent.com/u/98173884?v=4" width="100;" alt="hariscoder3"/>
                <br />
                <sub><b>Haris Ellahi</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/HS202022">
                <img src="https://avatars.githubusercontent.com/u/120270398?v=4" width="100;" alt="HS202022"/>
                <br />
                <sub><b>Himangshu Sharma</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Kajalmehta29">
                <img src="https://avatars.githubusercontent.com/u/177048363?v=4" width="100;" alt="Kajalmehta29"/>
                <br />
                <sub><b>Kajal Mehta</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/shubhagarwal1">
                <img src="https://avatars.githubusercontent.com/u/105449260?v=4" width="100;" alt="shubhagarwal1"/>
                <br />
                <sub><b>Shubh Agarwal</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/neeru24">
                <img src="https://avatars.githubusercontent.com/u/161798182?v=4" width="100;" alt="neeru24"/>
                <br />
                <sub><b>Neeru </b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/PavanTeja2005">
                <img src="https://avatars.githubusercontent.com/u/98730339?v=4" width="100;" alt="PavanTeja2005"/>
                <br />
                <sub><b>PavanTeja2005</b></sub>
            </a>
        </td>
	</tr>
	<tr>
        <td align="center">
            <a href="https://github.com/Prachiikhar25">
                <img src="https://avatars.githubusercontent.com/u/150283338?v=4" width="100;" alt="Prachiikhar25"/>
                <br />
                <sub><b>Prachiikhar25</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/rajdeepchakraborty-rc">
                <img src="https://avatars.githubusercontent.com/u/68934988?v=4" width="100;" alt="rajdeepchakraborty-rc"/>
                <br />
                <sub><b>Rajdeep Chakraborty</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/samyak-aditya">
                <img src="https://avatars.githubusercontent.com/u/91079592?v=4" width="100;" alt="samyak-aditya"/>
                <br />
                <sub><b>Samyak Aditya</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/sumitrathor1">
                <img src="https://avatars.githubusercontent.com/u/144085591?v=4" width="100;" alt="sumitrathor1"/>
                <br />
                <sub><b>Sumit Rathor</b></sub>
            </a>
        </td>
        <td align="center">
            <a href="https://github.com/Tanushree084">
                <img src="https://avatars.githubusercontent.com/u/176521591?v=4" width="100;" alt="Tanushree084"/>
                <br />
                <sub><b>Tanushree084</b></sub>
            </a>
        </td>
	</tr>
<tbody>

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

README.md

README.md

🎨 Canvas Editor 🖌️

Hi there, Enjoy the World of Open source contribution

Overview📌

New Features ✨

How to Use

Technology Used

Open-Source-Programmes⭐

This project is now OFFICIALLY accepted for

Getting Started💥

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

Github Docs for Syncing

Project Admin⚡

Anurag Vishwakarma

Contributors

↳ Stargazers

↳ Forkers

Files

README.md

Latest commit

History

README.md

File metadata and controls

🎨 Canvas Editor 🖌️

Hi there, Enjoy the World of Open source contribution

Overview📌

New Features ✨

How to Use

Technology Used

Open-Source-Programmes⭐

This project is now OFFICIALLY accepted for

Getting Started💥

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

Github Docs for Syncing

Project Admin⚡

Anurag Vishwakarma

Contributors

↳ Stargazers

↳ Forkers