| <?xml version="1.0" encoding="UTF-8"?> |
| |
| <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 20001102//EN' 'http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd'> |
| <svg stroke-dasharray="none" shape-rendering="auto" xmlns="http://www.w3.org/2000/svg" font-family="'Arial'" width="300" text-rendering="auto" fill-opacity="1" contentScriptType="text/ecmascript" color-rendering="auto" color-interpolation="auto" preserveAspectRatio="xMidYMid meet" font-size="12" fill="black" stroke="black" image-rendering="auto" stroke-miterlimit="10" zoomAndPan="magnify" stroke-linecap="square" stroke-linejoin="miter" contentStyleType="text/css" font-style="normal" height="400" stroke-width="1" stroke-dashoffset="0" font-weight="normal" stroke-opacity="1"> |
| <!--Generated by the Batik Graphics2D SVG Generator--> |
| <defs id="genericDefs" /> |
| <g> |
| <defs id="defs1"> |
| <linearGradient x1="10" gradientUnits="userSpaceOnUse" x2="110" y1="20" y2="80" id="linearGradient1" spreadMethod="pad"> |
| <stop stop-opacity="1" stop-color="red" offset="0%" /> |
| <stop stop-opacity="1" stop-color="yellow" offset="100%" /> |
| </linearGradient> |
| <pattern x="10" y="20" width="20" patternUnits="userSpaceOnUse" id="pattern1" height="20"> |
| <image width="20" height="20" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAIAAAAC64paAAAAJUlEQVR42mP8z4AP |
| MOKVZWKgAIxqHhma8Schhv//RwNsVDNFmgGllgMlNsNEOAAAAABJRU5ErkJggg==" /> |
| </pattern> |
| </defs> |
| <g text-rendering="optimizeLegibility" shape-rendering="geometricPrecision" transform="translate(0,30)"> |
| <text x="10" y="10" stroke="none">Semi transparent black |
| </text> |
| <text x="40" y="60" stroke="none">Behind Rectangle |
| </text> |
| </g> |
| <g transform="translate(0,30)" fill-opacity="0.501960813999176" fill="rgb(255,255,0)" text-rendering="optimizeLegibility" shape-rendering="geometricPrecision" stroke="rgb(255,255,0)" stroke-opacity="0.501960813999176"> |
| <rect width="100" x="10" height="60" y="20" stroke="none" /> |
| </g> |
| <g text-rendering="optimizeLegibility" shape-rendering="geometricPrecision" transform="translate(0,120)"> |
| <text x="10" y="10" stroke="none">Red to Yellow linear gradient |
| </text> |
| <rect x="10" y="20" fill="url(#linearGradient1)" width="100" height="60" stroke="none" /> |
| <text x="10" y="10" transform="translate(0,90)" stroke="none">Texture Paint |
| </text> |
| <rect x="10" y="20" transform="translate(0,90)" fill="url(#pattern1)" width="100" height="60" stroke="none" /> |
| </g> |
| </g> |
| </svg> |