SVG - ViewPort

Card Puncher Data Processing


viewport in SVG.

The following elements establish new viewports:

  • The svg element with the dimension defined the viewBox attribute
  • A ‘symbol’ element define new viewports whenever they are instanced by a ‘use’ element.
  • An ‘image’ element that references an SVG file will result in the establishment of a temporary new viewport since the referenced resource by definition will have an ‘svg’ element.
  • A ‘foreignObject’ element creates a new viewport for rendering the content that is within the element.

At any point in an SVG drawing, you can establish a new viewport into which all contained graphics is drawn by including an ‘svg’ element inside SVG content.

By establishing a new viewport, you also implicitly establish:

Documentation / Reference

Discover More
Card Puncher Data Processing
SVG - The SVG element

The svg element is the root element of a SVG document. The default value for Width and Height is auto and is equal to 100% length The percentage refers to the size of thecurrent SVG viewport. ...
SVG - View Box

The Viewbox attribute specifies: a boundary box in which only the inside elements are visible. and how to resize / fit its content when the viewport is changing. SVG viewport The viewBox specify...

Share this page:
Follow us:
Task Runner