vishanurag / 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.
https://vishanurag.github.io/Canvas-Editor/
MIT License
74 stars 314 forks source link

Added dragging visibility for all shapes #1208

Closed swathivemula7 closed 1 week ago

swathivemula7 commented 2 weeks ago

Added dragging visibility for all shapes

Related Issue

Closes: #1056

Description

This PR enhances the canvas drawing tool by enabling visible feedback during dragging actions. Previously, only finalized shapes and lines were visible after releasing the mouse, making it difficult for users to position and size shapes accurately while dragging. With this update, users can see shapes, lines elements in real-time as they draw.

Screenshots πŸ“·

https://github.com/user-attachments/assets/0544018d-bffd-41c4-b31d-c0a9faa597d6

https://github.com/user-attachments/assets/3aa860ab-0942-4fce-a0db-f095be22ed93

@vishanurag @somyadipghosh Kindly review the PR at the earliest.. I have mentioned only Rectangle dragging visibilty in the issue #1056, but have implemented this feature for all the shapes in canvas editor..Consider upgrading the level..

Note: Some changes in the code are due to pulling the origin...

netlify[bot] commented 2 weeks ago

Deploy Preview for tourmaline-bavarois-d21f10 ready!

Name Link
Latest commit ff0f6e4e84309b9d6b9d146a3269e508661e6c77
Latest deploy log https://app.netlify.com/sites/tourmaline-bavarois-d21f10/deploys/672cc904f03f450008fc1105
Deploy Preview https://deploy-preview-1208--tourmaline-bavarois-d21f10.netlify.app
Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

vishanurag commented 2 weeks ago

Please resolve merge conflicts

swathivemula7 commented 2 weeks ago

@vishanurag resolved the conflicts

swathivemula7 commented 2 weeks ago

@vishanurag also the main canvas editor website is showing as dangerous by Google safe...please check

swathivemula7 commented 1 week ago

@vishanurag @somyadipghosh Please review the PR at the earliest

swathivemula7 commented 1 week ago

@vishanurag Kindly consider upgrading to level3..have added the functionality to all the shapes