singodiyashubham87 / Draw-it-out

An online Whiteboard application built using ReactJS & TailwindCSS utilising the HTML5 Canvas & the JavaScript Canvas API.
https://draw-it-out.vercel.app
MIT License
83 stars 156 forks source link

[BUG] Drawing erased after zoom in/out #286

Closed Atanu789 closed 4 weeks ago

Atanu789 commented 1 month ago

Describe the bug When drawing on the canvas in Draw-it-Out, zooming out and then zooming back in erases portions of the drawing where the zoom out occurred.

To Reproduce

  1. Open Draw-it-Out and create a new drawing.
  2. Draw any shape or line on the canvas.
  3. Use the zoom controls to zoom out on the drawing.
  4. Zoom back in to the original view or a similar level of zoom.
  5. Observe that the portion of the drawing where the zoom out was performed appears erased.

Expected behavior Zooming in and out on the drawing should not affect the existing content. The drawing should remain intact regardless of zoom level.

Atanu789 commented 1 month ago

hey @singodiyashubham87 Can you please assign me this issue under ssoc24

singodiyashubham87 commented 1 month ago

@Atanu789 Kindly add a recording of the issue.

Atanu789 commented 1 month ago

https://github.com/singodiyashubham87/Draw-it-out/assets/123866162/da1c1bd9-254f-4b53-bea9-b8de0e21b685

Here is the issue @singodiyashubham87 kindly review and assign to me under #ssoc'24

singodiyashubham87 commented 1 month ago

@Atanu789 Well, that's because we are not zooming in or zooming out, we are increasing & decreasing the actual canvas size therefore the drawing is being erased which is the expected behaviour, I don't think it's an issue.

singodiyashubham87 commented 4 weeks ago

Closing due to inactivity.