mass2527 / tiny-visualizer Goto Github PK
View Code? Open in Web Editor NEWHome Page: https://tiny-visualizer.vercel.app
tiny-visualizer's People
Watchers
tiny-visualizer's Issues
connected line
paste text
add opacity option
panning
Iteration (4)
fillStyle
fix linearElement issue
need to figure out why linear elements are not created irregularly and fix it
undo/redo
need to save (no localStorage) a history of state (elements, elementOptions) changes within app
style selector
image resizing
add colorPicker component
hand (panning)
Iteration (6)
replace rome with eslint
rome doesn't give any warning messages even if breaking changes were made as a result of refactoring.
roughness
resizing multiple elements
text edit
add action options
- copy
- delete
- group
toolbox
resizing linear elements
resizing generic elements
seed
https://github.com/rough-stuff/rough/wiki#seed
the same element should be drawn with the same shape.
start writing by double click
text
Iteration (2)
resizing freedraw element
make a group / un-group
select all (cmd + a)
Incorrect lineWidth issue
connected arrow
Create canvas with correct resolution
pen
add @xstate/inspect
for better development experience
https://www.npmjs.com/package/@xstate/inspect
https://youtu.be/9xIgDYAUfBc?t=3166
Iteration (5)
end writing by a hotkey (platform meta key + enter)
Iteration (1)
image insert
zoom, undo and redo
resizing text element
add fontFamily options
Iteration (3)
strokeLineDash
drag
changing linear elements points
selecting an element inside of an element makes both elements selected
Only element inside of an element should be selected
zoom in/out
variable naming conventions
change
updated value - previous value
max
maximum value
min
minimum value
diamond
clicking the zoom reset button also causes the origin reset
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.