<!DOCTYPE html
  PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">

<!--
Copyright (c) 2006 UGS Corp.

All Rights Reserved.

This software and related documentation are proprietary to UGS Corp.
-->
<html>
   <head>
      <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
      <title>Using the SVG viewer</title>
      <script language="javaScript">
        abridged="false";
        displayConditions=new Array();
      </script>
      <link type="text/css" href="../css/main_styles.css" rel="stylesheet">
   </head>
   <body class="bodydocs" onload="top.pageLoader()" bgcolor="#FFFFFF">
      <div class="title_topic3" id="xps10_pagetitle">Using the SVG viewer</div>
      <hr noshade="true">
      <p class="para_topic">You can view the PCB assembly as a Scalable Vector Graphics (SVG) file, which can be opened in your HTML web browser if you install an SVG plug-in. The SVG viewer provides interactive detailed information on the components of the current PCB Assembly. The SVG file displays the assembly name and file creation date, together with a view of the assembly. When your cursor passes over a component, the viewer displays the reference designator, the package name and the part number of the component. You can zoom or pan the view, and choose which types of entities you want to display or hide.</p>
      <div class="title_division"> Setting up the SVG viewer</div>
      <p class="para_division">Several suppliers provide free downloads of the SVG plug-in for web browsers. See<a class="links" href="javascript:void(0)" onclick="top.popUpPage('http://www.w3.org/Graphics/SVG/SVG-Implementations','linkURL','menubar=yes,status=yes,resizable=yes,toolbar=yes,scrollbars=yes,location=no,directories=no');return(false);">http://www.w3.org/Graphics/SVG/SVG-Implementations</a>for details. The Adobe SVG plug-in version 3.0 or later fully supports PCB.xchange SVG files. Download the plug-in for your platform and install, following the instructions provided with the download.
      </p>
      <div class="title_division">Viewing the PCB assembly</div>
      <p class="para_division">Load the PCB assembly (either an NX model or ECAD model) and save the file as SVG (choose <b class="uiTerm">File</b>&rarr; <b class="uiTerm">Save as SVG</b>). The files opens in your web browser. It also saves an SVG version of the PCB assembly in the PCB.xchange installation directory ([<i class="pathName">NX INSTALLATION]/pcb</i>\) under the file name <i class="fileName">pcbx_model.svg</i>. If you want to save the file for future reference rename or move it to another directory; you can open it with your system's web browser.
      </p>
      <div class="title_division"> Controlling SVG viewer</div>
      <table border="0" cellpadding="2" cellspacing="2" align="center">
         <colgroup span="1">
            <col span="1" width="68*">
            <col span="1" width="131*">
         </colgroup>
         <tr>
            <td align="right" colspan="1" rowspan="1">
               <p align="center"><img align="bottom" src="graphics/highlight_component.gif"></p>
            </td>
            <td colspan="1" rowspan="1">
               <p class="para_td">When you move your cursor over a component it highlights in the color magenta. The reference designator, the package name and the part name of the highlighted component appear beneath the viewing window.</p>
            </td>
         </tr>
         <tr>
            <td align="right" colspan="1" rowspan="1">
               <p align="center"><img align="bottom" src="graphics/svg_zoom_controls.gif"></p>
            </td>
            <td colspan="1" rowspan="1">
               <p class="para_td">Adjust the Zoom level by selecting one of these controls. The current zoom level is displayed below the controls.</p>
            </td>
         </tr>
         <tr>
            <td align="right" colspan="1" rowspan="1">
               <p align="center"><img align="bottom" src="graphics/svg_overview.gif"></p>
            </td>
            <td colspan="1" rowspan="1">
               <p class="para_td">On a magnified view, drag the pink-shaded rectangle to the part of the board you want to view.</p>
            </td>
         </tr>
         <tr>
            <td align="right" colspan="1" rowspan="1">
               <p align="center"><img align="bottom" src="graphics/svg_options.gif"></p>
            </td>
            <td colspan="1" rowspan="1">
               <p class="para_td">Display or hide different entities by selecting or deselecting the check boxes.</p>
            </td>
         </tr>
      </table><br></body>
</html>