Wed, 31 Dec 2014 07:16:47 +0100
Revert simplistic fix pending revisit of Mozilla integration attempt.
michael@0 | 1 | <svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink"> |
michael@0 | 2 | <style type="text/css" > |
michael@0 | 3 | rect { |
michael@0 | 4 | stroke-width: 15px; |
michael@0 | 5 | } |
michael@0 | 6 | </style> |
michael@0 | 7 | <defs> |
michael@0 | 8 | <linearGradient id="grad1" x1="0%" y1="0%" x2="100%" y2="100%"> |
michael@0 | 9 | <stop offset="0" stop-color="blue"/> |
michael@0 | 10 | <stop offset="1" stop-color="yellow"/> |
michael@0 | 11 | </linearGradient> |
michael@0 | 12 | <linearGradient id="grad2" x1="180" y1="250" x2="280" y2="300" gradientUnits="userSpaceOnUse" gradientTransform="scale(0.25,1)"> |
michael@0 | 13 | <stop offset="0" stop-color="blue"/> |
michael@0 | 14 | <stop offset="1" stop-color="yellow"/> |
michael@0 | 15 | </linearGradient> |
michael@0 | 16 | <pattern id="pattern" x="0" y="0" width="20" height="20" patternUnits="userSpaceOnUse" patternTransform="scale(1,0.5), skewX(45)"> |
michael@0 | 17 | <rect x="0" y="0" width="10" height="10" fill="red"/> |
michael@0 | 18 | <rect x="10" y="0" width="10" height="10" fill="green"/> |
michael@0 | 19 | <rect x="0" y="10" width="10" height="10" fill="blue"/> |
michael@0 | 20 | <rect x="10" y="10" width="10" height="10" fill="yellow"/> |
michael@0 | 21 | </pattern> |
michael@0 | 22 | <rect id="rect" width="100" height="50" fill="none"/> |
michael@0 | 23 | </defs> |
michael@0 | 24 | |
michael@0 | 25 | <rect x="20" y="20" width="100" height="50" fill="none" stroke="url(#grad1)"/> |
michael@0 | 26 | |
michael@0 | 27 | <rect x="20" y="100" width="100" height="50" fill="none" stroke="url(#grad2)" /> |
michael@0 | 28 | |
michael@0 | 29 | <use xlink:href="#rect" transform="translate(20, 180)" stroke="url(#pattern)"/> |
michael@0 | 30 | |
michael@0 | 31 | <use xlink:href="#rect" x="20" y="260" stroke="green"/> |
michael@0 | 32 | |
michael@0 | 33 | </svg> |