Quickly create a cover image for your article.
manojsinghnegiwd / quick-cover Goto Github PK
View Code? Open in Web Editor NEWA quick blog cover image editor
A quick blog cover image editor
We need the ability to resize images by either entering dimension in text box
Whenever a new element is added automatically set it as the active element.
I want to create a new Home Page route where the user can enter width
and height
and have a button which says Create
.
Once clicked on that button redirect page to our editing area and set the SVG canvas width
and height
to what user entered.
We need to show rectangles on the side of selected border of the active element.
Ability to add a background color by either specifying the hex code or picking the color from color picker.
Please use <ChromePicker />
from https://casesandberg.github.io/react-color/ as color picker.
The selected text element border does not grow according to text length when text is edited.
We need a toolbar component which takes the selected element and according to its type output tools which we can use to edit the selected component.
Initial we only need tools for text component.
Lines 188 to 209 in 0078f4f
I want to move this mapped array to its own component which will be named ElementList
.
We have to add the ability to height elements on click. The solution will be universal and should be applicable to any element despite the element type.
I need a button which says Download
by clicking on it user can download current SVG canvas from the browser as a PNG.
My best guess to solve this problem will be converting the current SVG canvas to base64 and then download it as a PNG.
We need this so we can reference SVG text element while editing.
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.