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

JPG does not render radialGradient style

    XMLWordPrintableJSON

Details

    • Bug
    • Status: Open
    • Resolution: Unresolved
    • 1.7
    • None
    • SVG Rasterizer
    • None
    • Operating System: Windows XP
      Platform: PC

    Description

      Test File below fine in .svg format but .jpeg is missing radial gradient fill.

      <?xml version="1.0" encoding="utf-8"?>
      <svg xmlns:xlink="http://www.w3.org/1999/xlink"
      xmlns="http://www.w3.org/2000/svg"
      contentScriptType="text/ecmascript" width="300"
      zoomAndPan="magnify" contentStyleType="text/css" height="300"
      preserveAspectRatio="xMidYMid meet" version="1.0">
      <radialGradient xmlns:xlink="http://www.w3.org/1999/xlink"
      gradientUnits="objectBoundingBox" xlink:type="simple"
      xlink:actuate="onLoad" id="spherizeBlue" xlink:show="other"
      fx="30%" fy="30%">
      <stop style="stop-color:#FFFFFF" offset="0%" />
      <stop style="stop-color:#0000AA" offset="40%" />
      <stop style="stop-color:#000077" offset="100%" />
      </radialGradient>
      <radialGradient xmlns:xlink="http://www.w3.org/1999/xlink"
      gradientUnits="objectBoundingBox" xlink:type="simple"
      xlink:actuate="onLoad" id="spherizeGreen" xlink:show="other"
      fx="30%" fy="30%">
      <stop style="stop-color:#FFFFFF" offset="0%" />
      <stop style="stop-color:#00CD00" offset="40%" />
      <stop style="stop-color:#066E09" offset="100%" />
      </radialGradient>
      <radialGradient xmlns:xlink="http://www.w3.org/1999/xlink"
      gradientUnits="objectBoundingBox" xlink:type="simple"
      xlink:actuate="onLoad" id="spherizeRed" xlink:show="other"
      fx="30%" fy="30%">
      <stop style="stop-color:#FFFFFF" offset="0%" />
      <stop style="stop-color:#FF6000" offset="40%" />
      <stop style="stop-color:#ED0000" offset="100%" />
      </radialGradient>
      <circle fill="none" style="fill:url(#spherizeBlue)" r="10"
      cx="20" cy="20" stroke="black" stroke-width="1" />
      <circle fill="none" style="fill:url(#spherizeRed)" r="10" cx="20"
      cy="80" stroke="black" stroke-width="1" />
      <circle fill="none" style="fill:url(#spherizeGreen)" r="10"
      cx="20" cy="140" stroke="black" stroke-width="1" />
      </svg>

      Attachments

        Activity

          People

            batik-dev@xmlgraphics.apache.org Batik Developer's Mailing list
            da.turner@logica.com David Turner
            Votes:
            1 Vote for this issue
            Watchers:
            1 Start watching this issue

            Dates

              Created:
              Updated: