SyntaxMeets icon indicating copy to clipboard operation
SyntaxMeets copied to clipboard

Published 20 hours ago • verified publisher icon kothariji

Customizations in SyntaxPad 🖌️🎨

Open kothariji opened this issue 3 years ago • 11 comments

Description

To add Customisation options in syntaxpad like

  • increase/decrease brush size.
  • eraser
  • adding lines/curves
  • adding shapes like circle/ box.
  • changing background-color

kothariji avatar Mar 06 '21 19:03 kothariji

Well. I feel React-canvas-draw isn't a good choice. [Though it looks good🔥⚡] It has very few features and adding some Customizationin in this will be a bit complex.

Here are some demos you guys should have a look

  1. http://mikhail-angelov.github.io/react-whiteboard/

  2. https://react-drawing-board-demo-dilidili.vercel.app/

  3. https://whiteboard-socketio.herokuapp.com/ [Look at this, this one is Collaborative/Sharable ]

3rd One With some changes can fix #22 👍👍

Vishv07 avatar Mar 08 '21 09:03 Vishv07

True. There are limitations in react-canvas-draw. We aren't provided with much functionalities.

These suggestions look simply amazing. We we definitely look forward into those applications. If you wish to work on this issue, let me know for the same 🙌🔥@Vishv07

kothariji avatar Mar 08 '21 13:03 kothariji

I want to work on this issue as a part of GSSOC'21

Vishv07 avatar Mar 09 '21 05:03 Vishv07

I want to work on this issue.

micksharma avatar Mar 09 '21 05:03 micksharma

I want to work on this issue as a part of GSSOC'21

@Vishv07 Great 🚀 I am assigning this issue to you 👍

kothariji avatar Mar 09 '21 06:03 kothariji

Hey, @micksharma, thank you for showing interest 🚀

We appreciate🙏 your dedication and efforts towards our project, but according to our contributing guidelines, Issues are assigned on the First Come First Serve basis.

Anyways feel free to check out other unassigned issues, or create an Issue if you spot one🎯.

Thank you😊, and Sorry for the inconvenience caused 🙌

akash-salvi avatar Mar 09 '21 06:03 akash-salvi

Well. I feel React-canvas-draw isn't a good choice. [Though it looks good] It has very few features and adding some Customizationin in this will be a bit complex.

Here are some demos you guys should have a look

  1. http://mikhail-angelov.github.io/react-whiteboard/
  2. https://react-drawing-board-demo-dilidili.vercel.app/
  3. https://whiteboard-socketio.herokuapp.com/ [Look at this, this one is Collaborative/Sharable ]

3rd One With some changes can fix #22

@Vishv07 Here is a feature suggestion, Please make the whiteboard infinite and scrollable. That way users can write their mind out without caring about space. You can take the inspiration from here: https://miro.com/app/dashboard/

Priyankcoder avatar Mar 11 '21 12:03 Priyankcoder

@Priyankcoder Thanks, mate! I Will surely look into this

Vishv07 avatar Mar 12 '21 10:03 Vishv07

@Priyankcoder This is next Level 🔥🔥🔥🔥 [https://miro.com/app/dashboard/]

Do you know any open source lib which has kinda same features

Vishv07 avatar Mar 12 '21 11:03 Vishv07

@Vishv07 I don't know about that, but I found some results on searching. 1, 2, and 3.

Priyankcoder avatar Mar 12 '21 12:03 Priyankcoder

Started working on this @kothariji

Vishv07 avatar Apr 14 '21 04:04 Vishv07