PTC Arbortext Content Delivery Customization > Customizing the PTC Arbortext Content Delivery User Interface > Enabling Hotspots in Third-Party Scalable Vector Graphics > Property Setting for SVG Files Examples
Property Setting for SVG Files Examples
The following sections discuss the property settings for different SVG file formats.
Creo Illustrate 3.1 F00 SVG Example
The following Creo Illustrate 3.1 F00 SVG image includes callouts when displayed in PTC Arbortext Content Delivery:
In the following part of the example Creo Illustrate 3.1 F00 SVG image, the class =”callout callout_6” attribute is used to call the callout_6 callout:
<g id="ID_1007" class="callout callout_6">
<line stroke-width="0.13" x1 ="53.055" y1="10.598" x2="18.321" y2="3.593"/>
<path stroke-width="0.13" fill ="#FFFFFF" d="M21.914 3.593C21.914 1.608 20.306 0 18.321 0 16.336 0 14.728
1.608 14.728 3.593 14.728 5.577 16.336 7.184 18.321 7.184 20.306 7.184 21.914 5.577 21.914 3.593 21.914
3.593 21.914 3.593 21.914 3.593L21.914 3.593z"/>
<text x="17.487" y="4.855" stroke="none" fill="#000000" font-family="'Arial Unicode MS'" font-size="3.528">6
</text>
</g>
To support hotspots for callouts in the example Creo Illustrate 3.1 F00 SVG image, set the com.ptc.sc.svg.callout.tagname property in the sc.wt.properties.xconf file as follows:
<Property name="com.ptc.sc.svg.callout.tagname"
default="Class=callout_,id=hotspot_” overridable="true"/>
Larson SVG Example
The following Larson SVG image includes callouts when displayed in PTC Arbortext Content Delivery:
In the following part of the example Larson SVG image, the apsname="1" attribute is used to call the 1 callout:
<g id="grobject.hot001" apsname="1">
<g transform="translate(152.08,137.25)">
<g font-family="Arial,sans-serif" font-size="16.90" fill="rgb(0,0,0)">
<text x="0" y="0" textLength="10.00" lengthAdjust="spacingAndGlyphs">1</text>
</g>
</g>
To support hotspots for callouts in the Larson SVG image, set the com.ptc.sc.svg.callout.tagname property in the sc.wt.properties.xconf file as follows:
<Property name="com.ptc.sc.svg.callout.tagname"
default="apsname=" overridable="true"/>
ISODraw Raster Example
The following ISODraw raster SVG image includes callouts when displayed in PTC Arbortext Content Delivery:
In the following part of the example ISODraw raster SVG file, the class="callout callout_17" attribute is used to call the callout_17 callout:
<g class="callout callout_17">
<path stroke="none" fill="#FFFFFF" d="M13.105 7.355L20.484 7.355 20.484 0.82
13.105 0.82 13.105 7.355z"/>
<text x="14.833" y="5.355" stroke="none" fill="#000000" font-family="'Arial'
" font-size="3.528">
<desc>17</desc>17</text>
</g>
To support hotspots for callouts in the ISODraw raster SVG image, set the com.ptc.sc.svg.callout.tagname property in the sc.wt.properties.xconf file as follows:
<Property name="com.ptc.sc.svg.callout.tagname"
default="class=hotspot_,class=callout_,id=hotspot_,apsname=" overridable="true"/>
ISODraw Vector Example
The following ISODraw vector SVG image includes callouts when displayed in PTC Arbortext Content Delivery:
In the following part of the example ISODraw vector SVG image, the class="hotspot hotspot_45" code is used to call the hotspot_45 callout:
<path id="AUTOID_5253" class="hotspot hotspot_45" fill="black" stroke="black"
visibility="hidden"
pointer-events="all" d="M51.222 71.515L 55.927 71.515L 55.927 66.929L 51.222 66.929L
51.222 71.515zM60.07
102.206L 64.775 102.206L 64.775 97.62L 60.07 97.62L 60.07 102.206z"/>
To support hotspots for callouts in the ISODraw vector SVG image, set the com.ptc.sc.svg.callout.tagname property in the sc.wt.properties.xconf file as follows:
<Property name="com.ptc.sc.svg.callout.tagname"
default="class=callout,class=hotspot_,id=hotspot_,apsname=" overridable="true"/>
Creo Illustrate X-26 M010 Example
The following Creo Illustrate X-26 M010 SVG image includes callouts when displayed in PTC Arbortext Content Delivery:
In the following part of the example Creo Illustrate X-26 M010 SVG file, the class="callout callout_1" code is used to call the callout_1 callout:
<g id="ID_1244" class="callout callout_1">
<line stroke-width="0.353" x1="142.692" y1="65.105" x2="155.731" y2="43.005"/>
<path stroke-width="0.353" fill="#FFFFFF" d="M158.49 43.005C158.49 41.481 157.254
40.246 155.731 40.246
154.209 40.246 152.973 41.481 152.973 43.005 152.973 44.527 154.209 45.762 155.731
45.762 157.254 45.762
158.49 44.527 158.49 43.005 158.49 43.005 158.49 43.005 158.49 43.005L158.49 43.005z"/>
<text x="155.36" y="44.015" stroke="none" fill="#000000" font-family="'Arial
Unicode MS'" font-size="2.822">
1</text>
</g>
To support hotspots for callouts in the Creo Illustrate X-26 M010 SVG image, set the com.ptc.sc.svg.callout.tagname property in the sc.wt.properties.xconf file as follows:
<Property name="com.ptc.sc.svg.callout.tagname"
default="class=callout_,class=hotspot_" overridable="true"/>