Comments (1)
It shouldn't be too difficult to adapt this for editing SVG <path>
.
Under the hood, this library already uses SVG (Snap.svg) to draw the editor UI. The polygon editor is actually represented with a <path>
and its d
value is rebuilt as the user edits vertices.
For now, it only supports Move and Line, no Arcs or Curves since these are not yet supported in the CSS Shapes polygon()
syntax. With a bit of UI additions, you can adapt it for editing SVG paths.
from css-shapes-editor.
Related Issues (18)
- Implement percentage-based circle & ellipse radius HOT 1
- Improve closest-side / farthest-side calculation in ellipse()
- Use checkered background on editor container HOT 2
- Expose config for default reference box HOT 1
- Account for box-sizing value when computing reference box
- Account for border-radius when computing reference box
- Add support for custom editor holder
- Address Code Review by NJ
- Interfering with Live Preview in Brackets 1.1 HOT 1
- Account for box-sizing when translating between unit types HOT 1
- On-screen editor hooks for rectangle() border-radius HOT 2
- Restore vertex editing after turning off free transform
- PolygonEditor parsing fails when parsing value without fillRule HOT 1
- Support new CSS Shapes syntax HOT 1
- Use cursors on free-transform editor HOT 1
- Implement inset() with new syntax
- Add support for closest-side / farthest-side in circle()
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 css-shapes-editor.