Shape Editing

Shape Editor is a powerful tool that empowers you to create and edit SVG elements on the canvas. It allows you to design and manipulate shapes as you envision, making your presentations more engaging and interactive. Here's how you can harness the capabilities of the Shape Editor:

Entering Shape Editor Mode

To access the Shape Editor, follow these steps:

  1. To create a new shape, select one of the draw modes: "Polyline," "Scribble," or "Curve."
  2. For editing an existing shape, simply double-click on the shape, or click the "Edit Shape" button on the toolbar.

Draw Modes: Polyline, Scribble, Curve, Move

The Shape Editor provides various draw modes to create and modify shapes:

  • Polyline: Use this mode to draw shapes by clicking points on the canvas.
  • Scribble: Create freehand shapes by clicking and dragging the mouse.
  • Curve: Craft smooth shapes with precision by clicking on the canvas.
  • Move: This mode allows you to select and manipulate points and shapes, including box selection for multiple elements.

Saving or Canceling Changes

When in Shape Editor mode, you have several options to save or cancel your changes:

  • Press the "Enter" button to apply changes automatically.
  • Double-click on the canvas to apply changes.
  • Click the "Done" button on the toolbar to apply changes.
  • Press the "Escape" button to confirm and cancel changes.

Making Connections

The Shape Editor also offers a range of advanced features to enhance your presentations:

1. Export Shapes to a Cell

While in Edit mode, you can export an entire shape to a spreadsheet cell. This feature simplifies reusing shapes across multiple projects, saving you time and effort.

2. Linking to a Cell

You can link a shape to a specific cell in your spreadsheet, allowing you to dynamically change the shape's path during Run mode. This adds a layer of interactivity to your presentations.

3. Linking Coordinates to Shapes

Usolver enables you to connect the x, y, or helper coordinates of a shape to cells with numerical values, facilitating real-time adjustments and enhancing your presentations.

4. Connecting SVG Paths to Cells

Shapes with complex SVG paths can be linked to spreadsheet cells with SVG path data. This powerful feature opens up a range of possibilities for creating dynamic and interactive presentations.

5. Using SVG Path Template Strings

SVG paths in Usolver can incorporate template strings, allowing you to dynamically update path data. For example, you can use expressions like "M 0, 0 L${a1} 100" to create flexible and responsive shapes based on cell values.