Skip to main content

SVG Image Properties

This is the documentation for Pano2VR 4. You can find the new documentation for Pano2VR 5 here.

However, this document is still valid for the current version of Object2VR!

SVG File Properties


ID: Give the image a unique ID or name. This field is also visible (and editable) in the Editor Panel.

Position: The x and y coordinates for the SVG.

Size: Adjust the SVG's size (width and height) in pixels.


'Scaling: Scales the SVG along the x and y axes. Doubling the value on either axis, for instance, will double the size of the element. If a scaling modifier is enabled, this scaling setting is ignored.

Angle: Use this parameter to adjust the angle of the element. It will use the Center grid (above) as its axis. For example, if the center is chosen, it will rotate around its center. If the bottom left corner is selected, the rectangle will rotate around that corner.

Visible: Select or deselect to keep the SVG visible or invisible. Visibility or invisibility can be changed and toggled with actions.

Alpha: The transparency of the SVG. A setting of 1.000 is opaque. Lowering this number will increase the SVG's transparency.

Hand Cursor: Select to have the hand cursor show when the mouse rolls over the SVG. This makes it more obvious to the user that the area or SVG is interactive. Image: This option shows the SVG image and gives you the option to change the file.

SVG Image[edit]

Normal: This is the normal state of the image - how it appears with no interaction. Click Change to replace the button image.

Mouse over: This is the image for the over state. Click Change to replace the image or Remove to remove it completely.

Selected: This is the selected state image. If no image appears, it means no image has been selected for this state. Click Change to replace the image or Remove to remove it completely.

Download: Select Export to first frame. to have the image on the first frame of the movie.


Hotspot Proxy ID: Enter the corresponding hotspot ID. The ID should come from the hotspot's ID field in the hotspot editor. Using hotspot proxies gives you the ability to link skin elements to specific hotspots.

Limit Output: This option lets you selectively choose which element should not be used for either the Flash or HTML5 outputs.


In order for an object to act as a button, it needs to have a function or action applied to it.

Double-click in the Actions area or hit the plus sign to the right to open the Action Settings.

Action window.png

Action Settings

Depending on which action is chosen, different parameters that are associated with that action will appear. For example, for the pan actions, you can define the pan speed.

Also check out some Actions Examples.


Adding modifiers allows you to make elements move, scale or rotate when the movie is being is panned, tilted, zoomed or loaded. A good example of a use of a modifier is for a loading bar that scales in relation to how much of the movie has been loaded. (See the skin editor tutorial on building a loading bar for an example on using modifiers.)

Double-click in the Actions area or hit the plus sign to the right to open the Modifier Settings.

Modifiers window.png

Modifier Settings

See also[edit]

Skin Editor
Using the Skin Editor
Adding Hotspots (Pano2VR)