|
1 <!-- |
|
2 Any copyright is dedicated to the Public Domain. |
|
3 http://creativecommons.org/publicdomain/zero/1.0/ |
|
4 --> |
|
5 <svg xmlns="http://www.w3.org/2000/svg" version="1.1"> |
|
6 |
|
7 <title>Testcase for opacity on elements referencing a gradient</title> |
|
8 |
|
9 <!-- From https://bugzilla.mozilla.org/show_bug.cgi?id=539165 --> |
|
10 |
|
11 <defs> |
|
12 <linearGradient id="lime" gradientUnits="userSpaceOnUse"> |
|
13 <stop stop-color="lime"/> |
|
14 </linearGradient> |
|
15 <!-- OS X doesn't draw solid gradients as a solid color so we need to use |
|
16 a gradient fill below |
|
17 --> |
|
18 <linearGradient id="red" gradientUnits="userSpaceOnUse"> |
|
19 <stop stop-color="red"/> |
|
20 </linearGradient> |
|
21 </defs> |
|
22 |
|
23 <rect width="100%" height="100%" fill="url(#lime)"/> |
|
24 |
|
25 <!-- test 'opacity' --> |
|
26 <rect width="25%" height="100%" fill="url(#red)" opacity="1"/> |
|
27 |
|
28 <!-- test 'fill-opacity' --> |
|
29 <rect x="25%" width="25%" height="100%" fill="url(#red)" opacity="0.5"/> |
|
30 |
|
31 <!-- test 'fill-opacity' --> |
|
32 <rect x="50%" width="25%" height="100%" fill="url(#red)" opacity="0.5"/> |
|
33 |
|
34 </svg> |