| <?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> |
| <g text-rendering="optimizeLegibility" shape-rendering="geometricPrecision"> |
| <text x="10" y="10" stroke="none">Varying width |
| </text> |
| <line fill="none" x1="10" x2="10" y1="30" y2="80" stroke-width="2" /> |
| <line transform="translate(20,0)" fill="none" x1="10" x2="10" y1="30" y2="80" stroke-width="4" /> |
| <line transform="translate(40,0)" fill="none" x1="10" x2="10" y1="30" y2="80" stroke-width="8" /> |
| <line transform="translate(60,0)" fill="none" x1="10" x2="10" y1="30" y2="80" stroke-width="16" /> |
| </g> |
| <g text-rendering="optimizeLegibility" stroke-width="16" shape-rendering="geometricPrecision" transform="translate(0,120)"> |
| <text x="10" y="10" stroke="none">Varying end caps |
| </text> |
| <line stroke-linecap="butt" fill="none" x1="15" x2="15" y1="30" y2="80" stroke-linejoin="bevel" stroke-width="15" /> |
| <line transform="translate(30,0)" fill="none" x1="15" x2="15" y1="30" y2="80" stroke-linejoin="bevel" stroke-width="15" /> |
| <line stroke-linecap="round" transform="translate(60,0)" fill="none" x1="15" x2="15" y1="30" y2="80" stroke-linejoin="bevel" stroke-width="15" /> |
| </g> |
| <g stroke-linecap="round" transform="translate(0,240)" text-rendering="optimizeLegibility" stroke-linejoin="bevel" shape-rendering="geometricPrecision" stroke-width="15"> |
| <text x="10" y="10" stroke="none">Varying line joins |
| </text> |
| <path fill="none" d="M0 60 L10 20 L20 60" stroke-width="10" transform="translate(20,20)" stroke-linecap="square" /> |
| <path stroke-linecap="square" transform="translate(55,20)" fill="none" stroke-linejoin="miter" d="M0 60 L10 20 L20 60" stroke-width="10" /> |
| <path stroke-linecap="square" transform="translate(90,20)" fill="none" stroke-linejoin="round" d="M0 60 L10 20 L20 60" stroke-width="10" /> |
| </g> |
| <g text-rendering="optimizeLegibility" stroke-width="10" shape-rendering="geometricPrecision" transform="translate(150,120)" stroke-linejoin="round"> |
| <text x="10" y="10" stroke="none">Varying miter limit |
| </text> |
| <path transform="translate(10,30)" fill="none" stroke-linejoin="miter" d="M0 0 L30 0 L30 60 L0 30" stroke-width="6" stroke-miterlimit="1" /> |
| <path transform="translate(50,30)" fill="none" stroke-linejoin="miter" d="M0 0 L30 0 L30 60 L0 30" stroke-width="6" stroke-miterlimit="2" /> |
| <path fill="none" stroke-width="6" d="M0 0 L30 0 L30 60 L0 30" transform="translate(90,30)" stroke-linejoin="miter" /> |
| </g> |
| <g text-rendering="optimizeLegibility" stroke-width="6" shape-rendering="geometricPrecision" transform="translate(150,0)"> |
| <text x="10" y="10" stroke="none">Varying dash patterns |
| </text> |
| </g> |
| <g stroke-linecap="butt" transform="translate(170,0)" text-rendering="optimizeLegibility" stroke-linejoin="bevel" shape-rendering="geometricPrecision" stroke-dasharray="6,6" stroke-width="8" stroke-miterlimit="8"> |
| <line y2="80" fill="none" x1="10" x2="10" y1="20" /> |
| <line transform="translate(20,0)" fill="none" x1="10" x2="10" y1="20" y2="80" stroke-dasharray="10,4" /> |
| <line transform="translate(40,0)" fill="none" x1="10" x2="10" y1="20" y2="80" stroke-dasharray="4,4,10,4" /> |
| <line transform="translate(60,0)" stroke-dashoffset="4" fill="none" x1="10" x2="10" y1="20" y2="80" stroke-dasharray="4,4,10,4" /> |
| </g> |
| </g> |
| </svg> |