Cairo Svg Test Gradient Regular Cairo Svg Test Gradient Regular <svg xmlns="http://www.w3.org/2000/svg"></svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="grad" x1="33%" x21="66%"> <stop offset="0%" stop-color="blue" stop-opacity="1" /> <stop offset="100%" stop-color="red" stop-opacity="0.5" /> </linearGradient> </defs> <rect x="100" y="-900" width="800" height="800" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="grad" x1="33%" x2="66%" spreadMethod="reflect"> <stop offset="0%" stop-color="blue" stop-opacity="1" /> <stop offset="100%" stop-color="red" stop-opacity="1" /> </linearGradient> </defs> <rect x="0" y="-900" width="1000" height="800" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="grad" x1="33%" x2="66%" spreadMethod="repeat"> <stop offset="0%" stop-color="blue" stop-opacity="1" /> <stop offset="100%" stop-color="red" stop-opacity="1" /> </linearGradient> </defs> <rect x="0" y="-900" width="1000" height="800" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="grad" x1="300" y1="-500" x2="600" y2="-500" gradientUnits="userSpaceOnUse"> <stop offset="0%" stop-color="blue" stop-opacity="1" /> <stop offset="100%" stop-color="red" stop-opacity="1" /> </linearGradient> </defs> <rect x="0" y="-900" width="1000" height="800" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <linearGradient id="grad" gradientTransform="rotate(45)"> <stop offset="0%" stop-color="blue" stop-opacity="1" /> <stop offset="100%" stop-color="red" stop-opacity="1" /> </linearGradient> </defs> <rect x="100" y="-900" width="800" height="800" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="grad" cx="50%" cy="50%" fx="0.75" fy="0.35" r="0.5"> <stop offset="0%" stop-color="white" stop-opacity="1" /> <stop offset="100%" stop-color="green" stop-opacity="1" /> </radialGradient> </defs> <rect x="100" y="-900" width="800" height="800" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="grad" cx="75%" cy="25%" r="33%" fx="0.64" fy="0.18" fr="0.17" spreadMethod="reflect" > <stop offset="0%" stop-color="white" stop-opacity="1" /> <stop offset="100%" stop-color="green" stop-opacity="1" /> </radialGradient> </defs> <rect x="100" y="-900" width="800" height="800" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="grad" cx="75%" cy="25%" r="33%" fx="0.64" fy="0.18" fr="0.17" spreadMethod="repeat" > <stop offset="0%" stop-color="white" stop-opacity="1" /> <stop offset="100%" stop-color="green" stop-opacity="1" /> </radialGradient> </defs> <rect x="100" y="-900" width="800" height="800" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="grad" cx="450" cy="-550" r="400" fx="600" fy="-400" fr="10" gradientUnits="userSpaceOnUse" > <stop offset="0%" stop-color="red" stop-opacity="1" /> <stop offset="100%" stop-color="green" stop-opacity="0.5" /> </radialGradient> </defs> <rect x="0" y="-1000" width="1000" height="1000" fill="url(#grad)" /> </svg> <svg version="1.1" xmlns="http://www.w3.org/2000/svg"> <defs> <radialGradient id="grad" cx="50%" cy="25%" fx="0.75" fy="0.35" r="0.5" gradientTransform="scale(1, 2)"> <stop offset="0%" stop-color="red" stop-opacity="1" /> <stop offset="100%" stop-color="green" stop-opacity="1" /> </radialGradient> </defs> <rect x="100" y="-900" width="800" height="800" fill="url(#grad)" /> </svg>