aboutsummaryrefslogtreecommitdiffstats
path: root/docs/examples/svg/test/viewBox2.svg
blob: 041b0d01513a3429fad45a26ca29f9284ee84341 (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
<?xml version="1.0" standalone="yes"?>

<svg:svg width="150px" height="200px"
     viewBox="0 0 1500 1000" preserveAspectRatio="none" xmlns:svg="http://www.w3.org/TR/2000/03/WD-SVG-20000303/DTD/svg-20000303-stylable.dtd">
  <svg:title>ViewBox2</svg:title>
  <svg:desc>Example ViewBox2 - uses the viewBox
        attribute to automatically create an initial user coordinate
        system which causes the graphic to scale to fit into the
        viewport no matter what size the viewport is.</svg:desc>

  <!-- This rectangle goes from (0,0) to (1500,1000) in user space.
       Because of the viewBox attribute above,
       the rectangle will end up filling the entire area
       reserved for the SVG content. -->
  <svg:rect x="0" y="0" width="1500" height="1000" style="fill:yellow" />

  <!-- A large, red triangle -->
  <svg:path style="fill:red" d="M 750,100 L 250,900 L 1250,900 z"/>

  <!-- A text string that spans most of the viewport -->
  <svg:text x="100" y="600" style="font-size:180; font-family:Verdana">
    Stretch to fit
  </svg:text>
</svg:svg>