{"id":12234,"date":"2019-10-31T15:00:30","date_gmt":"2019-10-31T19:00:30","guid":{"rendered":"https:\/\/techlink.mynetworkcontent.com\/?p=12234"},"modified":"2019-12-13T14:48:36","modified_gmt":"2019-12-13T19:48:36","slug":"new-svg-graphics-in-the-service-information","status":"publish","type":"post","link":"https:\/\/gm-techlink.com\/?p=12234","title":{"rendered":"New SVG Graphics in the Service Information"},"content":{"rendered":"<p>The Service Information (SI) now features new Scalable Vector Graphics (SVG) in some of the new SI documents and bulletins. (Fig. 4) Simply put, this means the new graphics and images in SI can be searched and compressed for better accessibility and can be edited. SVG graphics feature a new toolbar that provides a variety of ways to view the images as well as highlight aspects of them. SVG graphics don\u2019t require any special plug-in viewers, so they can be viewed on any modern web browser. Plus, the SVG functionality allows schematics to be viewed on a tablet or smartphone.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12189\" src=\"https:\/\/techlink.mynetworkcontent.com\/wp-content\/uploads\/2019\/10\/F04-graphics-5.jpg\" alt=\"\" width=\"740\" height=\"480\" srcset=\"https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F04-graphics-5.jpg 740w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F04-graphics-5-300x195.jpg 300w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F04-graphics-5-85x55.jpg 85w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F04-graphics-5-200x130.jpg 200w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><strong>Fig. 4<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Previously, SI featured TIF and CGM graphics, which meant that special viewers needed to be downloaded using Internet Explorer (IE).<\/p>\n<p>&nbsp;<\/p>\n<p><strong>Graphics Toolbar<\/strong><\/p>\n<p>When viewing a document in SI, all graphics and images have a magnifying glass icon next to the graphic. The graphic toolbar is available after clicking the magnifying glass, which enlarges the graphic.<\/p>\n<p>Toolbar functions enable users to enlarge a graphic, zoom in or out, rotate a graphic, fit the image to the height or width of the window, print the graphic as well as perform some edit functions. Select the black right arrow icon to expand the toolbar for access to the editing functions. (Fig. 5) Any edited graphics can be saved to your desktop or printed.<\/p>\n<p><strong>TIP:<\/strong> When printing in SI, use the SVG print icon in the toolbar. Do not right click your mouse and select the print function to print a graphic.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12190\" src=\"https:\/\/techlink.mynetworkcontent.com\/wp-content\/uploads\/2019\/10\/F05-graphics-3-R.jpg\" alt=\"\" width=\"740\" height=\"480\" \/><strong>Fig. 5<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p><strong>Toolbar Functionality<\/strong><\/p>\n<p>Selecting the Question Mark button on the toolbar will display the SVG View Tool Toolbar Functionality pop-up, providing helpful information about each tool. (Fig. 6)<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12191\" src=\"https:\/\/techlink.mynetworkcontent.com\/wp-content\/uploads\/2019\/10\/F06-graphics-6.png\" alt=\"\" width=\"740\" height=\"480\" srcset=\"https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F06-graphics-6.png 740w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F06-graphics-6-300x195.png 300w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F06-graphics-6-85x55.png 85w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F06-graphics-6-200x130.png 200w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><strong>Fig. 6<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Click each toolbar icon to see a quick tip that indicates its function. (Fig. 7) Be sure to scroll down in the pop-up screen to view the complete description and operation of each tool.<\/p>\n<p>&nbsp;<\/p>\n<p style=\"text-align: center;\"><img loading=\"lazy\" decoding=\"async\" class=\"aligncenter size-full wp-image-12192\" src=\"https:\/\/techlink.mynetworkcontent.com\/wp-content\/uploads\/2019\/10\/F07-graphics-1.jpg\" alt=\"\" width=\"740\" height=\"480\" srcset=\"https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F07-graphics-1.jpg 740w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F07-graphics-1-300x195.jpg 300w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F07-graphics-1-85x55.jpg 85w, https:\/\/gm-techlink.com\/wp-content\/uploads\/2019\/10\/F07-graphics-1-200x130.jpg 200w\" sizes=\"auto, (max-width: 740px) 100vw, 740px\" \/><strong>Fig. 7<\/strong><\/p>\n<p>&nbsp;<\/p>\n<p>Toolbar functions include:<\/p>\n<p><strong>Hyperlink Navigation<\/strong> \u2013 switch into hyperlink navigation mode and left-click to execute link<\/p>\n<p><strong>Zoom In<\/strong> \u2013 zoom in by 10%<\/p>\n<p><strong>Zoom Out<\/strong> \u2013 zoom out by 10%<\/p>\n<p><strong>Magnify Area<\/strong> \u2013 magnifying glass rectangle zooms in by 50%<\/p>\n<p><strong>Interactive Zoom<\/strong> \u2013 left-click and hold to display magnifying glass zoom rectangle area<\/p>\n<p><strong>Pan<\/strong> \u2013 interactively shift the visible part of the image within the view window<\/p>\n<p><strong>Rotate<\/strong> \u2013 rotate the image \u201390\u00b0\/+90\u00b0 (counterclockwise or clockwise)<\/p>\n<p><strong>Fit All<\/strong> \u2013 scale image to entirely fit into view window<\/p>\n<p><strong>Fit to Height<\/strong> \u2013 scale height of image to fit into view window<\/p>\n<p><strong>Fit to Width<\/strong> \u2013 scale width of image to fit into view window<\/p>\n<p><strong>Highlight Hotspots<\/strong> \u2013 highlight all hotspots in the image<\/p>\n<p><strong>Show\/Hide Red Liner<\/strong> \u2013 hide or show red line toolbar and edits<\/p>\n<p><strong>Draw Line<\/strong> \u2013 draw a red line<\/p>\n<p><strong>Draw Text<\/strong> \u2013 add text to image<\/p>\n<p><strong>Draw Ellipse<\/strong> \u2013 draw an ellipse<\/p>\n<p><strong>Draw Rectangle<\/strong> \u2013 draw a rectangle<\/p>\n<p><strong>Draw Freehand<\/strong> \u2013 draw a line freehand<\/p>\n<p><strong>Draw Highlight<\/strong> \u2013 highlight a hotspot\/link<\/p>\n<p><strong>Edit Object<\/strong> \u2013 edit or move current edit mark or object<\/p>\n<p><strong>Rotate Object<\/strong> \u2013 rotate a current edit mark or object<\/p>\n<p>If you have any questions or concerns with the new graphics or toolbar, use the SI feedback link (Mail icon) at the top of any SI document.<\/p>\n<p>&nbsp;<\/p>\n<p><em>&#8211; Thanks to Heather Ball and Lou Winters<\/em><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The Service Information (SI) now features new Scalable Vector Graphics (SVG) in some of the new SI documents and bulletins. (Fig. 4) Simply put, this means the new graphics and [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"_exactmetrics_skip_tracking":false,"_exactmetrics_sitenote_active":false,"_exactmetrics_sitenote_note":"","_exactmetrics_sitenote_category":0,"footnotes":""},"categories":[21],"tags":[],"class_list":["post-12234","post","type-post","status-publish","format-standard","hentry","category-techline"],"_links":{"self":[{"href":"https:\/\/gm-techlink.com\/index.php?rest_route=\/wp\/v2\/posts\/12234","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/gm-techlink.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/gm-techlink.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/gm-techlink.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/gm-techlink.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=12234"}],"version-history":[{"count":1,"href":"https:\/\/gm-techlink.com\/index.php?rest_route=\/wp\/v2\/posts\/12234\/revisions"}],"predecessor-version":[{"id":12235,"href":"https:\/\/gm-techlink.com\/index.php?rest_route=\/wp\/v2\/posts\/12234\/revisions\/12235"}],"wp:attachment":[{"href":"https:\/\/gm-techlink.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=12234"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/gm-techlink.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=12234"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/gm-techlink.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=12234"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}