Comments (7)
Hi @yashchaudhari008 can I implement this feature?
from drawit.
Just update me here before making an PR
from drawit.
Why did the topbar break? Looks good to me, can we make the cursor little transparent (try of it looks good) else fine with current one.
Regarding the top bar-- It didn't break. Actually in the second GIF if look carefully, the Google Chrome Window doesn't have the bookmarks bar as in the first GIF (Don't know how it got disabled). So this eventually increased the screen size which disturbed the previous orientations since the divs
are not optimised for various screen resolution (Which can be dealt in separate commit).
Transparent Cursor -- Transparent in the sense you want the cursor to be visible as we draw the stroke? And by the term cursor you mean the default arrow cursor or the new modified paint brush tip?
from drawit.
Just update me here before making an PR
Existing feature
Modification
@yashchaudhari008 This is what I have been working on (The GIF uploaded above kinda looks slow).
from drawit.
Why did the topbar break?
Looks good to me, can we make the cursor little transparent (try of it looks good) else fine with current one.
from drawit.
I just wanted the new cursor should be visible. Like, cursor clearly should be differentiated from canvas drawing.
from drawit.
I just wanted the new cursor should be visible. Like, cursor clearly should be differentiated from canvas drawing.
Modified.
In this modification I have given a contrasting outline with respect to the colours that will be present on the canvas, to the brush tip.
P.S- The thickness of the outline of the circle is included the effective painting area of the brush tip. Which means on clicking the the area enclosed in the circle + the thickness of the outline will get painted.
from drawit.
Related Issues (20)
- Improve HTML semantics
- Add Eraser button HOT 2
- Unwanted drawings on canvas
- Pen preview like toast message. HOT 3
- change pen size to eraser size on using eraser HOT 1
- A11y Issues
- Add Drawing Preloader to the website for better User Experience HOT 1
- Improvment in README.
- Add Full Screen Feature HOT 1
- indicate max pen size an allow user easily input desired pen size from a list of sizes. HOT 1
- pen size HOT 1
- Changing background colour clears the canvas
- The year in footer should update automatically HOT 2
- resizing window issue HOT 1
- sentence in top left corner cut off in full size window HOT 1
- instruction on top right side is very close to "-" button HOT 1
- Adding Screenshots in README HOT 1
- add transition duration on hover HOT 2
- Add About Us section on home page HOT 1
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from drawit.