clbagrat / canvas-outline Goto Github PK
View Code? Open in Web Editor NEWSilly tool for outlining png images with transparency
Home Page: https://clbagrat.github.io/canvas-outline/
Silly tool for outlining png images with transparency
Home Page: https://clbagrat.github.io/canvas-outline/
At the moment when we use webworkers in order to run outline algo in parallel.
It has some artifact, since one worker doesn't know what picture is handled by "neighbor" workers.
All we need to do is to pass to every worker an overlap of neighbor segments in form of buffer info of N x Width segment. Where N is amount of strokeWidth.
I know it's complex AF, so please don't hesitate to pair code with me :)
show settings (color and stroke width) on a result page and provide a possibility for realtime change of it
Please, suggest your algo for outlining :)
As you can see, currently, markup is ugly AF.
Would be cool if you spend some time improving it, just as you wish.
some ideas:
ATM user can't choose neither color nor how many pixels is a stroke.
Please add those options (algo is fully ready for strokeWidth, but not yet ready for color).
After we outlined the pic, would be cool to have a way to download it :)
here #3
would be curious to see a rust implementation.
Since we have a monorepo (thanks to @crashmax-dev) we can just add new package for wasm and use both tech, so we can compare the results :)
Later on we could pick one, or give user an option :)
Drag and drop of an image simply doesnt work :D
give some context of what is going on here and provide link to demo
A declarative, efficient, and flexible JavaScript library for building user interfaces.
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. ๐๐๐
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google โค๏ธ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.