Coder Social home page Coder Social logo

aryandutt / drawsome Goto Github PK

View Code? Open in Web Editor NEW
25.0 2.0 10.0 337 KB

Infinite canvas for creative expression with versatile drawing tools

Home Page: https://drawsome-six.vercel.app

JavaScript 1.29% HTML 0.65% TypeScript 97.96% CSS 0.10%
perfect-freehand react roughjs tailwindcss typescript flatted javascript vite react-tooltip

drawsome's Issues

Implement zoom functionality

Feature :

  • Add zoom in and zoom out feature.

Discussion :

  • @aryandutt I believe the functionality of zoom in, zoom out and drag I was talking about should work similarly when we implement the zoom.
Screen.Recording.2024-04-13.at.12.40.11.PM.mov

Text tool

A text tool needs to be added to the toolbar which allows users to type on the canvas.

Implement Mouse Pointer Changes for Drawing Tools

New Feature Request:

Change the mouse pointer dynamically to reflect the selected drawing tool.

  1. Eraser tool selected: Pointer changes to eraser tool shape.
  2. Pen tool selected: Pointer changes to pen tool shape.

@aryandutt I'd like to implement the mouse pointer changes for the drawing tools as discussed.

Export Option

Description:

Currently, Drawsome lacks the ability for users to export their creations directly from the application. This feature request aims to address this limitation by providing users with the option to export their drawings in various file formats.

Proposed Functionality:

  • Implement a new menu or dialog box within Drawsome specifically for exporting drawings.
  • Offer a range of commonly used file formats for export, such as PNG, JPEG, SVG, and PDF.
  • Allow users to customize export settings, such as resolution and compression level, where applicable. (optional)
  • Provide clear and intuitive guidance for users on how to access and use the export functionality.

Benefits:

  • Empowers users to save and share their creations in formats suitable for their intended use
  • Enhances the overall usability and utility of Drawsome, making it a more versatile tool for artists and designers.

Issues on window resize

2 issues I've found when I resize the window

  • When you draw on the board, the points are offset by a certain amount
  • The whole diagram tries to squeeze in the available viewport, resizing should not affect the drawing

Taking on this issue myself after discussion with @aryandutt

[Feature Request] Shape Resize

Shapes should be dynamic and the user should be able to resize the shape when on the pointer tool after it's been drawn.

[Feature Enhancement] Pen tool is not smooth

The pen tool is currently not very fluent and breaks at the tip when used with vigorous mouse movements.

How it works now -

  • Collects the coordinates of points the cursor is going over
  • Converts these points to an SVG path
  • Displays the path on the screen and appends it as a child

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.