URL Parameters
Kanvas reads its starting state from the query string of its address. A link can open a specific design, open Operator on a view, choose how much detail the canvas draws, and restore a zoom and pan position. The links produced by the Share dialog and by Copy Link are built from these parameters.
Append parameters to the Kanvas route of the Meshery you are using. On the hosted app that route is https://kanvas.new/extension/meshmap; on the Meshery Playground or a self-hosted Meshery it is /extension/meshmap on that host.
https://kanvas.new/extension/meshmap?mode=design&design=<design-id>&render=wireframe
What to open π
| Parameters | Result |
|---|---|
mode=design&design=<design-id> | Opens the design in Designer. This is the form the Share dialog produces. name=<design-name> is optional. |
mode=design&type=design&id=<design-id>&name=<design-name> | Opens the design. An older form that Kanvas still accepts. |
mode=design&type=catalog&id=<catalog-id>&name=<name> | Clones the catalog design into the opener’s workspace and opens the copy. |
catalog-design=<catalog-id> | Opens the catalog dialog focused on that design. |
mode=operator | Opens Operator. |
mode=operator&type=view&id=<view-id>&name=<view-name> | Opens Operator on a saved view. |
mode=operator&type=view&design_id=<design-id>&design_name=<design-name> | Opens Operator on a view scoped to a design. |
A link to a private design opens only for people who can read the design. For anyone else the load fails with the message “Failed to render design”, followed by the reason. Public designs open for anonymous visitors. See Collaboration Model for who can read what.
How to draw it π
| Parameter | Values | Default | Effect |
|---|---|---|---|
render | full, medium, wireframe, view-only | full | Sets the render mode when the canvas loads. |
adaptive | true | off | Turns on Adaptive mode when the canvas loads. |
- Spell the
rendervalue exactly. The accepted value for the read-only mode isview-only, with a hyphen. Kanvas does not validate the value, and behavior with any other value is unsupported - for example, auto-pan stays off. - Full is the default. A link with no
renderparameter opens in Full, which already draws TagSets, badges and animations. Addrenderto draw less, not to draw more. adaptive=truealways starts with a Full ceiling. Adaptive mode may never exceed its ceiling, and a link cannot set it. Combine the two parameters andrendersets the starting mode while the ceiling stays Full. Choose a different ceiling in the render mode switcher after the canvas loads.- Both parameters survive navigation inside Kanvas. Kanvas keeps them in the address when it rewrites it, for example when it changes the mode or the open design.
- Neither parameter is stored. Render mode is session state. It is not saved in the design, not shared with collaborators, and not remembered the next time you open Kanvas without the parameter.
What each mode draws, and what Adaptive mode measures, is on Performance Limits. The reasoning behind the modes is in Render Modes.
Where to restore the view π
| Parameter | Value | Effect |
|---|---|---|
viewport | An encoded zoom and pan position | Restores that zoom and pan on load. Copy Link adds it so the person who opens the link sees the same region you were looking at. |
The value is produced by Kanvas. Copy it from a link rather than writing it by hand.
Common links π
| Goal | Link |
|---|---|
| Open a large design without waiting for badges and overlays | ...?mode=design&design=<id>&render=wireframe |
| Open a design for review and let Kanvas manage fidelity | ...?mode=design&design=<id>&adaptive=true |
| Share a design that nobody should edit by accident | ...?mode=design&design=<id>&render=view-only |
| Give a reader a catalog design as a starting point | ...?mode=design&type=catalog&id=<catalog-id>&name=<name> |
View-only is a display choice, not an access control
render=view-only locks the components on the canvas for that session. It does not change who may edit the design. Anyone with edit access can switch the mode back. Control who can edit with design access.Related Reading
- Performance Limits
- Render Modes
- Auto-pan on Drag
- Add and Configure Components
- Build Designs
- Canvas Actions
Recent Discussions on Kanvas
- Jul 12 | Unleash Visual Power: Import Your Configs by zihan kuang
- Oct 14 | Explore Meshery's Published Relationship Design Examples by Awani Alero
- Oct 03 | Design Review RFC: Kanvas Empty State Enhancement by Lee Calcote
- Jul 19 | [For Discussion] Visual indication of semantically vs non-semantically meaningful Meshery components by Lee Calcote
- Jun 07 | What are the conditions for a "System is unhealthy" warning? by James
- May 30 | Looking for a meshmate to help with first PR by Faisal Imtiyaz123
- Feb 28 | For Discussion: Capturing potential, but unrealized Relationships in Design Snapshots by Lee Calcote
- Feb 12 | Hint on Scaling & Verifying Cronjob in Playground by Sandra Ashipala






