SVG IMAGE VIEWER PDF

make any part of the SVG image interactive, so your configurator can react to a click or drag just like it would react to a button click.Ī name which is appears in the design tree and can be used in rules.add your own UI 'widgets', like pie charts, dials, or other ways to gather and express complex information.

SVG IMAGE VIEWER PDF

For example, take a PDF line drawing, convert it to an SVG, and show that SVG within your configurator. express a complex concept with an easy-to-understand 2D visual.Dragging events can allow you to detect and respond to moving the mouse while the button is depressed for better user interaction.Ĭommon uses for SVG images in a configurator include: With a click rule associated with the SVG Viewer element, you can send that information into the configurator, where you can use it like any other input from the user. If you give any shape in the image an ID, then a user clicking on that shape creates an event you can catch and use. Can include clickable and draggable areas.Your user can zoom in to areas of detail. The image size is not directly linked to the size of the SVG viewer element. It's all up to you and the Snap rules you write. Your image can change with every click your user makes, or at specific moments you specify. Since these descriptions of mathematical shapes are simple text properties of the SVG Viewer element, you can use Snap rules to update those properties real-time. Can update as your configurator updates.Since they are drawn in the browser itself, they can appear clearly with no jagged edges or pixelation, no matter how much you zoom into the image. Well-built SVG images are built from descriptions of mathematical shapes, drawn when needed. When your configurator is run, those descriptions are followed by the user's web browser and a 2D image appears on-screen, like the pie chart here. SVG graphics are built from a block of text that describes a Scalable Vector Graphic (SVG) image. SVG Viewer Elements render dynamic, clickable 2D images in your configurator as it runs on-screen.

Svg image viewer