summaryrefslogtreecommitdiff
path: root/layout/reftests/svg/gradient-transform-01.svg
blob: 5b06d7ef7f9012384fb4987a918b60d2bf29bfbc (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
25
26
27
28
<!--
     Any copyright is dedicated to the Public Domain.
     http://creativecommons.org/publicdomain/zero/1.0/
-->
<svg xmlns="http://www.w3.org/2000/svg" version="1.1"
  viewBox="0 0 100 100" preserveAspectRatio="none">
  <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=946529 -->
  <title>Test for gradientTransform with scientific notation</title>
  <desc>
    Creates a horizontal linear gradient when the left half is red and the right
    half is green and with a width just over twice the width of the rectangle.

    Then a gradientTransform using exponential notation shifts the gradient to
    the left so that only the red part shows.
  </desc>
  <defs>
    <linearGradient id="grad"
      gradientUnits="userSpaceOnUse"
      gradientTransform="translate(-1.1e2 0)"
      x1="0" y1="0" x2="210" y2="0">
      <stop stop-color="red"  offset="0"/>
      <stop stop-color="red"  offset="0.5"/>
      <stop stop-color="lime" offset="0.5"/>
      <stop stop-color="lime" offset="1"/>
    </linearGradient>
  </defs>
  <rect width="100" height="100" fill="url(#grad) orange"/>
</svg>