Uploaded image for project: 'Batik'
  1. Batik
  2. BATIK-708

SVG image not showing properly.

    XMLWordPrintableJSON

    Details

    • Type: Bug
    • Status: Open
    • Resolution: Unresolved
    • Affects Version/s: 1.7
    • Fix Version/s: None
    • Component/s: SVGGraphics2D
    • Labels:
      None
    • Environment:
      Operating System:
      Platform: HP

      Description

      I am using JfreeChart 1.0.4 and batik 1.6. When i save the pie chart into svg
      then the svg image not showing properly. If one of the value is geter than 54%
      then it not showing properly. The svg file is following.

      ----------------------------------------->
      <?xml version="1.0" encoding="UTF-8"?>

      <!DOCTYPE svg PUBLIC '-//W3C//DTD SVG 1.0//EN'
      'http://www.w3.org/TR/2001/REC-SVG-20010904/DTD/svg10.dtd'>
      <svg style="fill-opacity:1; color-rendering:auto; color-interpolation:auto;
      text-rendering:auto; stroke:black; stroke-linecap:square; stroke-miterlimit:10;
      shape-rendering:auto; stroke-opacity:1; fill:black; stroke-dasharray:none;
      font-weight:normal; stroke-width:1; font-family:'Dialog';
      font-style:normal; stroke-linejoin:miter; font-size:12; stroke-dashoffset:0;
      image-rendering:auto;" xmlns="http://www.w3.org/2000/svg" width="400"
      xmlns:xlink="http://www.w3.org/1999/xlink" height="250">
      <!-Generated by the Batik Graphics2D SVG Generator->
      <defs id="genericDefs" />
      <g>
      <defs id="defs1">
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="125"
      y2="0" id="linearGradient1" spreadMethod="pad">
      <stop style="stop-opacity:1; stop-color:rgb(23,255,15);" offset="0%" />
      <stop style="stop-opacity:1; stop-color:rgb(255,43,36);" offset="100%" />
      </linearGradient>
      <linearGradient x1="0" gradientUnits="userSpaceOnUse" x2="0" y1="125"
      y2="0" id="linearGradient2" spreadMethod="pad">
      <stop style="stop-opacity:1; stop-color:rgb(23,255,15);" offset="0%" />
      <stop style="stop-opacity:1; stop-color:rgb(255,43,36);" offset="100%" />
      </linearGradient>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath1">
      <path d="M0 0 L400 0 L400 250 L0 250 L0 0 Z" />
      </clipPath>
      <clipPath clipPathUnits="userSpaceOnUse" id="clipPath2">
      <path d="M8 22.8984 L8 246 L345.3047 246 L345.3047 22.8984 Z" />
      </clipPath>
      </defs>
      <g style="fill:url(#linearGradient1); text-rendering:optimizeLegibility;
      stroke:url(#linearGradient1);">
      <rect x="0" y="0" width="400" style="clip-path:url(#clipPath1);
      stroke:none;" height="250" />
      </g>
      <g style="font-size:14; fill-opacity:0; fill:rgb(0,0,0);
      text-rendering:optimizeLegibility; font-family:'Tahoma';
      stroke:rgb(0,0,0); stroke-opacity:0;">
      <rect x="371.374" y="0" width="28.626" style="clip-path:url(#clipPath1);
      stroke:none;" height="18.8984" />
      </g>
      <g style="text-rendering:optimizeLegibility; font-size:14;
      font-family:'Tahoma';">
      <text x="372.374" y="15.0068" style="clip-path:url(#clipPath1);
      stroke:none;" xml:space="preserve">Title</text>
      </g>
      <g style="fill-opacity:0; fill:rgb(0,0,0);
      text-rendering:optimizeLegibility; font-family:'SansSerif';
      stroke:rgb(0,0,0); stroke-opacity:0;">
      <rect x="354.3047" y="114.3555" width="44.6953"
      style="clip-path:url(#clipPath1); stroke:none;" height="40.1875" />
      </g>
      <g style="fill:rgb(11,52,15); text-rendering:optimizeLegibility;
      font-family:'SansSerif'; stroke:rgb(11,52,15);">
      <path d="M365.3047 124.9023 C365.3047 127.1115 363.5138 128.9023 361.3047
      128.9023 C359.0956 128.9023 357.3047 127.1115 357.3047 124.9023 C357.3047
      122.6932 359.0956 120.9023 361.3047 120.9023 C363.5138 120.9023 365.3047
      122.6932 365.3047 124.9023 Z" style="clip-path:url(#clipPath1); stroke:none;" />
      <path style="fill:none; stroke-width:0.5; clip-path:url(#clipPath1);
      stroke:gray;" d="M365.3047 124.9023 C365.3047 127.1115 363.5138 128.9023
      361.3047 128.9023 C359.0956 128.9023 357.3047 127.1115 357.3047 124.9023
      C357.3047 122.6932 359.0956 120.9023 361.3047 120.9023 C363.5138 120.9023
      365.3047 122.6932 365.3047 124.9023 Z" />
      <text x="369.3047" y="129.4199" style="clip-path:url(#clipPath1);
      fill:black; stroke:none; stroke-width:0.5;" xml:space="preserve">2005</text>
      </g>
      <g style="fill:rgb(128,79,247); text-rendering:optimizeLegibility;
      stroke-width:0.5; font-family:'SansSerif'; stroke:rgb(128,79,247);">
      <path d="M365.3047 143.9961 C365.3047 146.2052 363.5138 147.9961 361.3047
      147.9961 C359.0956 147.9961 357.3047 146.2052 357.3047 143.9961 C357.3047
      141.787 359.0956 139.9961 361.3047 139.9961 C363.5138 139.9961 365.3047 141.787
      365.3047 143.9961 Z" style="clip-path:url(#clipPath1); stroke:none;" />
      <path d="M365.3047 143.9961 C365.3047 146.2052 363.5138 147.9961 361.3047
      147.9961 C359.0956 147.9961 357.3047 146.2052 357.3047 143.9961 C357.3047
      141.787 359.0956 139.9961 361.3047 139.9961 C363.5138 139.9961 365.3047 141.787
      365.3047 143.9961 Z" style="fill:none; clip-path:url(#clipPath1); stroke:gray;" />
      <text x="369.3047" y="148.5137" style="clip-path:url(#clipPath1);
      fill:black; stroke:none;" xml:space="preserve">2006</text>
      </g>
      <g style="fill:url(#linearGradient2); text-rendering:optimizeLegibility;
      stroke-width:0.5; font-family:'SansSerif'; stroke:url(#linearGradient2);">
      <rect x="8" y="22.8984" width="337.3047" style="clip-path:url(#clipPath2);
      stroke:none;" height="223.1016" />
      <path style="fill:rgb(11,52,15); clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M176.6523 97.3108 A55.4607 49.1384 0 0 1 209.1067 186.2958L
      176.6523 146.4492 Z" />
      <path style="fill:none; clip-path:url(#clipPath2); opacity:0.8;
      stroke:gray;" d="M176.6523 97.3108 A55.4607 49.1384 0 0 1 209.1067 186.2958L
      176.6523 146.4492 Z" />
      <polygon points=" 176 146 176 122 176 73 176 97" style="fill:silver;
      clip-path:url(#clipPath2); opacity:0.8; stroke:none;" />
      <polygon points=" 176 146 176 122 176 73 176 97" style="fill:none;
      clip-path:url(#clipPath2); opacity:0.8; stroke:gray;" />
      <path style="fill:rgb(128,79,247); clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M209.1067 186.2958 A55.4607 49.1384 0 0 1 176.6523 97.3108L
      176.6523 146.4492 Z" />
      <path style="fill:none; clip-path:url(#clipPath2); opacity:0.8;
      stroke:gray;" d="M209.1067 186.2958 A55.4607 49.1384 0 0 1 176.6523 97.3108L
      176.6523 146.4492 Z" />
      <polygon points=" 176 146 176 122 209 162 209 186" style="fill:silver;
      clip-path:url(#clipPath2); opacity:0.8; stroke:none;" />
      <polygon points=" 176 146 176 122 209 162 209 186" style="fill:none;
      clip-path:url(#clipPath2); opacity:0.8; stroke:gray;" />
      <path style="fill:gray; clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M176.6523 73.3108 C146.0223 73.3108 121.1917 95.3108 121.1917
      122.4492 L121.1917 146.4492 C121.1917 119.3108 146.0223 97.3108 176.6523 97.3108
      C207.2824 97.3108 232.113 119.3108 232.113 146.4492 L232.113 122.4492 C232.113
      95.3108 207.2824 73.3108 176.6523 73.3108 Z" />
      <path style="fill:gray; clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M121.1917 122.4492 L121.1917 146.4492 C121.1917 173.5876
      146.0223 195.5876 176.6523 195.5876 C207.2824 195.5876 232.113 173.5876 232.113
      146.4492 L232.113 122.4492 C232.113 149.5876 207.2824 171.5876 176.6523 171.5876
      C146.0223 171.5876 121.1917 149.5876 121.1917 122.4492 Z" />
      <path style="fill:rgb(11,52,15); clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M176.6523 73.3108 L176.6523 97.3108 C207.2824 97.3108 232.113
      119.3108 232.113 146.4492 L232.113 122.4492 C232.113 95.3108 207.2824 73.3108
      176.6523 73.3108 Z" />
      <path style="fill:none; clip-path:url(#clipPath2); opacity:0.8;
      stroke:gray;" d="M176.6523 73.3108 L176.6523 97.3108 C207.2824 97.3108 232.113
      119.3108 232.113 146.4492 L232.113 122.4492 C232.113 95.3108 207.2824 73.3108
      176.6523 73.3108 Z" />
      <path style="fill:rgb(128,79,247); clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M176.6523 73.3108 C146.0223 73.3108 121.1917 95.3108 121.1917
      122.4492 L121.1917 146.4492 C121.1917 119.3108 146.0223 97.3108 176.6523 97.3108
      L176.6523 73.3108 Z" />
      <path style="fill:none; clip-path:url(#clipPath2); opacity:0.8;
      stroke:gray;" d="M176.6523 73.3108 C146.0223 73.3108 121.1917 95.3108 121.1917
      122.4492 L121.1917 146.4492 C121.1917 119.3108 146.0223 97.3108 176.6523 97.3108
      L176.6523 73.3108 Z" />
      <path style="fill:rgb(11,52,15); clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M232.113 122.4492 C232.113 138.8502 223.044 153.3745 209.1067
      162.3002 L209.1067 162.3002 L209.1067 186.3002 L209.1067 186.3002 C223.044
      177.3745 232.113 162.8502 232.113 146.4492 L232.113 122.4492 Z" />
      <path style="fill:none; clip-path:url(#clipPath2); opacity:0.8;
      stroke:gray;" d="M232.113 122.4492 C232.113 138.8502 223.044 153.3745 209.1067
      162.3002 L209.1067 162.3002 L209.1067 186.3002 L209.1067 186.3002 C223.044
      177.3745 232.113 162.8502 232.113 146.4492 L232.113 122.4492 Z" />
      <path style="fill:rgb(128,79,247); clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M121.1917 122.4492 L121.1917 146.4492 C121.1917 173.5876
      146.0223 195.5876 176.6523 195.5876 C188.7712 195.5876 199.9823 192.1437
      209.1067 186.3002 L209.1067 186.3002 L209.1067 162.3002 L209.1067 162.3002
      C199.9823 168.1437 188.7712 171.5876 176.6523 171.5876 C146.0223 171.5876
      121.1917 149.5876 121.1917 122.4492 Z" />
      <path style="fill:none; clip-path:url(#clipPath2); opacity:0.8;
      stroke:gray;" d="M121.1917 122.4492 L121.1917 146.4492 C121.1917 173.5876
      146.0223 195.5876 176.6523 195.5876 C188.7712 195.5876 199.9823 192.1437
      209.1067 186.3002 L209.1067 186.3002 L209.1067 162.3002 L209.1067 162.3002
      C199.9823 168.1437 188.7712 171.5876 176.6523 171.5876 C146.0223 171.5876
      121.1917 149.5876 121.1917 122.4492 Z" />
      <path style="fill:rgb(11,52,15); clip-path:url(#clipPath2); opacity:0.8;
      stroke:none;" d="M176.6523 73.3108 A55.4607 49.1384 0 0 1 209.1067 162.2958L
      176.6523 122.4492 Z" />
      <path style="fill:none; clip-path:url(#clipPath2); opacity:0.8;
      stroke:gray;" d="M176.6523 73.3108 A55.4607 49.1384 0 0 1 209.1067 162.2958L
      176.6523 122.4492 Z" />
      <line x1="129.156" x2="104.4356" y1="136.0477"
      style="clip-path:url(#clipPath2); fill:none; stroke:black;" y2="144.4846" />
      <line x1="100.7588" x2="104.4356" y1="144.4846"
      style="clip-path:url(#clipPath2); fill:none; stroke:black;" y2="144.4846" />
      <line x1="100.7588" x2="84.3021" y1="144.4846"
      style="clip-path:url(#clipPath2); fill:none; stroke:black;" y2="144.4846" />
      <rect x="28.6029" y="139.1956" width="57.6992"
      style="clip-path:url(#clipPath2); fill:silver; stroke:none;" height="14.5781" />
      <rect x="26.6029" y="137.1956" width="57.6992"
      style="clip-path:url(#clipPath2); fill:rgb(255,255,192); stroke:none;"
      height="14.5781" />
      <rect x="26.6029" y="137.1956" width="57.6992"
      style="clip-path:url(#clipPath2); fill:none; stroke:black;" height="14.5781" />
      <text x="29.6029" y="148.2493" style="font-size:10;
      clip-path:url(#clipPath2); fill:black; stroke:none;" xml:space="preserve">2006
      (60%)</text>
      </g>
      <g style="text-rendering:optimizeLegibility; font-size:10; stroke-width:0.5;
      font-family:'SansSerif';">
      <line x1="239.9808" x2="248.8691" y1="104.318"
      style="clip-path:url(#clipPath2); fill:none;" y2="100.4138" />
      <line x1="252.5459" x2="248.8691" y1="100.4138"
      style="clip-path:url(#clipPath2); fill:none;" y2="100.4138" />
      <line x1="252.5459" x2="269.0026" y1="100.4138"
      style="clip-path:url(#clipPath2); fill:none;" y2="100.4138" />
      <rect x="271.0026" y="95.1248" width="57.6992"
      style="clip-path:url(#clipPath2); fill:silver; stroke:none;" height="14.5781" />
      <rect x="269.0026" y="93.1248" width="57.6992"
      style="clip-path:url(#clipPath2); fill:rgb(255,255,192); stroke:none;"
      height="14.5781" />
      <rect x="269.0026" y="93.1248" width="57.6992"
      style="clip-path:url(#clipPath2); fill:none;" height="14.5781" />
      <text x="272.0026" y="104.1785" style="clip-path:url(#clipPath2);
      stroke:none;" xml:space="preserve">2005 (40%)</text>
      </g>
      <g style="font-size:10; fill:rgb(128,79,247);
      text-rendering:optimizeLegibility; font-family:'SansSerif';
      stroke:rgb(128,79,247); stroke-width:0.5;">
      <path d="M209.1067 162.2958 A55.4607 49.1384 0 0 1 176.6523 73.3108L
      176.6523 122.4492 Z" style="clip-path:url(#clipPath2); opacity:0.8; stroke:none;" />
      <path style="fill:none; clip-path:url(#clipPath2); opacity:0.8;
      stroke:gray;" d="M209.1067 162.2958 A55.4607 49.1384 0 0 1 176.6523 73.3108L
      176.6523 122.4492 Z" />
      <line x1="129.156" x2="104.4356" y1="136.0477"
      style="clip-path:url(#clipPath2); fill:none; stroke:black;" y2="144.4846" />
      <line x1="100.7588" x2="104.4356" y1="144.4846"
      style="clip-path:url(#clipPath2); fill:none; stroke:black;" y2="144.4846" />
      <line x1="100.7588" x2="84.3021" y1="144.4846"
      style="clip-path:url(#clipPath2); fill:none; stroke:black;" y2="144.4846" />
      <rect x="28.6029" y="139.1956" width="57.6992"
      style="clip-path:url(#clipPath2); fill:silver; stroke:none;" height="14.5781" />
      <rect x="26.6029" y="137.1956" width="57.6992"
      style="clip-path:url(#clipPath2); fill:rgb(255,255,192); stroke:none;"
      height="14.5781" />
      <rect x="26.6029" y="137.1956" width="57.6992"
      style="clip-path:url(#clipPath2); fill:none; stroke:black;" height="14.5781" />
      <text x="29.6029" y="148.2493" style="clip-path:url(#clipPath2);
      fill:black; stroke:none;" xml:space="preserve">2006 (60%)</text>
      </g>
      <g style="text-rendering:optimizeLegibility; font-size:10; stroke-width:0.5;
      font-family:'SansSerif';">
      <line x1="239.9808" x2="248.8691" y1="104.318"
      style="clip-path:url(#clipPath2); fill:none;" y2="100.4138" />
      <line x1="252.5459" x2="248.8691" y1="100.4138"
      style="clip-path:url(#clipPath2); fill:none;" y2="100.4138" />
      <line x1="252.5459" x2="269.0026" y1="100.4138"
      style="clip-path:url(#clipPath2); fill:none;" y2="100.4138" />
      <rect x="271.0026" y="95.1248" width="57.6992"
      style="clip-path:url(#clipPath2); fill:silver; stroke:none;" height="14.5781" />
      <rect x="269.0026" y="93.1248" width="57.6992"
      style="clip-path:url(#clipPath2); fill:rgb(255,255,192); stroke:none;"
      height="14.5781" />
      <rect x="269.0026" y="93.1248" width="57.6992"
      style="clip-path:url(#clipPath2); fill:none;" height="14.5781" />
      <text x="272.0026" y="104.1785" style="clip-path:url(#clipPath2);
      stroke:none;" xml:space="preserve">2005 (40%)</text>
      </g>
      <g style="font-size:10; fill:gray; text-rendering:optimizeLegibility;
      font-family:'SansSerif'; stroke:gray; stroke-width:0.5;">
      <rect x="8" y="22.8984" width="337.3047" style="clip-path:url(#clipPath1);
      fill:none;" height="223.1016" />
      </g>
      </g>
      </svg>

        Attachments

          Activity

            People

            • Assignee:
              batik-dev@xmlgraphics.apache.org Batik Developer's Mailing list
              Reporter:
              sumanta_roy2003@yahoo.co.in Sumanta Roy
            • Votes:
              1 Vote for this issue
              Watchers:
              1 Start watching this issue

              Dates

              • Created:
                Updated: