spotplate.swf
This plugin generates a background plate or frame. You can choose between a
rectangle or an ellipse, and you can set attributes like plate size, background color,
frame width/color and corner radius. Plate size can be also be set to follow pano
resizing. All other hotspot attributes - like position, alpha value, shadows, visibility,
etc... work as usual.
The following hotspot attributes are supported:
NOTES: There are three options for specifying width and height:
The values for width and height may be specified in any combination of the ways above.
The width of the border is measured in points (0=hairline) - not pixels.
Positioning, alpha and visibility settings are made as usual with the FPP hotspot attributes.
Example FPP XML file:
Version history:
shape | shape="ellipse" | plate shape, rectangle (default) or ellipse |
size | size="20%:50" | plate size, format="width:height", see below |
color | color="#E08080" | plate color, default=transparent |
borderwidth | borderwidth="1" | border width, 0=hairline |
bordercolor | bordercolor="#000000" | border color, default=no border |
roundedcorners | roundedcorners="15" | corner radius, default=0 |
NOTES: There are three options for specifying width and height:
1. A fixed number of pixels | 350 | size does not change when changing pano size |
2. A negative value | -120 | size will change and always be pano size - value |
3. A percentage value | 40% | size will change and always be this percentage of pano size |
Example FPP XML file:
<!-- plates --> <spot id="plate1" url="spotplate.swf" static="1" salign="BL" align="BL" staticX="5" staticY="-10" mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.30" size="110:-75" color="#60F0A0" /> <spot id="plate2" url="spotplate.swf" static="1" salign="BR" align="BR" staticX="-10" staticY="-1" mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.30" size="-150:85" color="#60A0F0" bordercolor="#90D0FF" /> <spot id="plate3" url="spotplate.swf" static="1" salign="CM" align="CM" staticX="-100" staticY="150" mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.70" size="25%:20%" shape="ellipse" color="#FFFFA0" bordercolor="#C00000" borderwidth="3" /> <spot id="plate4" url="spotplate.swf" static="1" salign="TR" align="TR" staticX="-5" staticY="13" mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.50" size="120:100" color="#C0C0C0" bordercolor="#000000" borderwidth="2" roundedcorners="15" /> <spot id="plate5" url="spotplate.swf" static="1" salign="TC" align="TC" staticX="-150" staticY="10" mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.60" size="20%:50" color="#60F0A0" borderwidth="3" roundedcorners="15" /> <spot id="plate6" url="spotplate.swf" static="1" salign="TC" align="TC" staticX="150" staticY="10" mouseChildren="0" visible="1" margin="5" depth="0" buttonMode="0" alpha="0.60" size="20%:50" bordercolor="#00A0F0" borderwidth="5" roundedcorners="15" />
Version history:
1.2:
Added possibility to specify transparent plates with border only.
Added support for rounded corners. 1.1.1:
Fixed bug when borderwidth="0". 1.1:
Removed dynamic attribute checking - seemed to be an unnecessary feature costing cpu.
Added the shape="..." attribute with the possibility to choose an ellipse.
Added possibility to specify transparent plates with border only.
Added support for rounded corners. 1.1.1:
Fixed bug when borderwidth="0". 1.1:
Removed dynamic attribute checking - seemed to be an unnecessary feature costing cpu.
Added the shape="..." attribute with the possibility to choose an ellipse.