Skip to content

README.md

Latest commit

 

History

History
31 lines (29 loc) · 1.38 KB

README.md

File metadata and controls

31 lines (29 loc) · 1.38 KB
Raw

JS Paint - A Simple Paint Clone

JS Paint is a basic web-based drawing application built using HTML5 Canvas and JavaScript. It provides a set of essential tools for creating simple drawings and illustrations. Demo: https://paint-clone-zeta.vercel.app/

Features

Drawing Tools:

  • Pen (freehand drawing)
  • Rectangle (outline)
  • Rectangle Fill (filled rectangle)
  • Ellipse (outline)
  • Ellipse Fill (filled ellipse)
  • Eraser
  • Line
  • Color Picker: Choose from a variety of colors for your drawings.
  • Eye Dropper: Select a color directly from the canvas (if browser supports window.EyeDropper.
  • Clear Canvas: Erase all drawings on the canvas.
  • Save: Download your drawing as an image (webp).
  • Undo/Redo: Undo or redo your drawing actions.
  • Mouse Coordinates: Displays the current mouse position on the canvas.

How to Use

  • Select a drawing tool from the toolbar (Pen is default).
  • Click and drag on the canvas to draw.
  • Use the color picker to change the drawing color.
  • Use the eye dropper tool to pick a color from the canvas.
  • The Rectangles and Ellipses can keep aspect ratio by holding down (Shift/Mayús key)
  • Click the "Clear" button to erase the canvas.
  • Click the "Save" button to download your drawing.
  • Use the "Undo" (Ctrl + Z) and "Redo" (Ctrl + Y) buttons to revert or reapply actions.

License

This project is licensed under the MIT License.