Compare Chrome extensions: xvg vs CSS Shapes Editor
Stats | xvg | CSS Shapes Editor |
---|---|---|
User count | 2,822+ | 10,000+ |
Average rating | 4.40 | 3.82 |
Rating count | 5 | 101 |
Last updated | 2017-01-30 | 2015-05-21 |
Size | 53.73K | 86.79K |
Version | 1.2.0 | 1.3.0 |
Short description | |
---|---|
An extension for debugging SVG paths by converting them to outlines and displaying anchors, control points, handles and arc ellipses | Interactive editor for CSS Shapes. |
Full summary | |
A Chrome extension for debugging SVG paths by converting them to outlines and displaying anchors, control points, handles and arc ellipses. |
Create and adjust CSS Shapes values with an interactive editor overlapping the selected element. Update 21 May 2015:For polygons, unit-less zero coordinates will inherit the non-zero sibling coordinate unit instead of defaulting to pixels. Example 0 100% => 0% 100% Shapes sidebar: New sidebar to the DevTools Elements panel called "Shapes" which offers controls to create and edit CSS Shapes values like polygon(), circle() and ellipse() on the selected element. Polygons: Click the edges of the shape to add new points. Drag points to change the shape. Double-click points to remove them. Select the transform tool to move, scale and rotate the polygon shape. Circles & ellipses: Drag the shape to move it around. Pull on the edges and corners to scale and resize. |