0 Replies Latest reply: Apr 29, 2014 5:14 PM by -Tami RSS

    Black blots and filter errors for SVG file used in FM for HTML output

    -Tami Community Member

      An Illustrator CS6 graphic I've used successfully in FrameMaker 11 and 12 as an EPS file has a problem when saved as an SVG file. The graphic looks fine in Illustrator and in FM, but when I save the FM doc to HTML, the graphic has several big, black blots in it when viewed in a browser.

       

      I isolated one of the blots to one part of the graphic. When I save that part to a separate SVG file in Illustrator, then try to import it into FM 11 or 12, I get the message, "The filter encountered an error and could not complete the translation." The SVG code for the troublesome part is below. Is there a problem with the code?

       

      Thanks,

       

      -Tami

       

       

       

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

      <!-- Generator: Adobe Illustrator 16.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0)  -->

      <!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">

      <svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"

                 width="2.827px" height="7.06px" viewBox="0 0 2.827 7.06" enable-background="new 0 0 2.827 7.06" xml:space="preserve">

      <g>

       

                          <path fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="

                          M0.918,1.627l-0.21-0.07 M0.637,1.557l-0.21-0.142 M0.637,1.767l-0.21-0.14 M0.427,1.837L0.215,1.696 M0.637,2.12l-0.21-0.141

                           M1.618,3.594L1.356,3.54 M1.623,3.812l-0.28-0.071 M0.669,4.402L0.427,4.234 M1.271,4.728L1.13,4.658"/>

       

                          <path fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="

                          M1.905,0.569l-0.212-0.07 M1.623,0.781L1.438,0.636 M2.752,1.557L2.469,1.344 M2.509,1.596L2.325,1.451 M2.329,1.696L2.117,1.627"

                          />

       

                          <path fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="

                          M1.13,4.658L1.06,4.585 M1.13,4.658l0.142,0.07 M1.201,5.009L0.496,4.585 M0.669,4.402L1.13,4.658"/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          0.496,4.585 0.427,4.516 0.354,4.375 0.354,4.304           "/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.693,0.499 1.554,0.357 1.554,0.146           "/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.554,0.075 1.693,0.287 1.811,0.425 1.905,0.569           "/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.354" y1="4.304" x2="0.354" y2="4.165"/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.271,5.22 1.271,5.081 1.201,5.081 1.201,5.009           "/>

       

                          <path fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="

                          M0.669,4.402"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.496" y1="4.092" x2="0.496" y2="4.234"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.13" y1="4.658" x2="1.201" y2="2.824"/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.372,5.501 1.421,2.111 1.482,0.852           "/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="2.329" y1="2.261" x2="2.329" y2="2.12"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="2.329" y1="2.12" x2="2.329" y2="1.696"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="2.483" y1="1.572" x2="2.469" y2="2.191"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="2.329" y1="1.696" x2="2.329" y2="1.415"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="2.117" y1="1.767" x2="2.117" y2="1.627"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.637" y1="1.767" x2="0.637" y2="2.12"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.427" y1="2.191" x2="0.427" y2="1.837"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.427" y1="1.837" x2="0.427" y2="1.627"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.106" y1="1.979" x2="0.092" y2="1.771"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="2.492" y1="1.349" x2="2.477" y2="0.878"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="2.117" y1="1.627" x2="2.117" y2="0.991"/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.623,0.781 1.623,1.696 1.615,2.68 1.567,3.571           "/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.482" y1="0.852" x2="1.471" y2="0.7"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.201" y1="2.824" x2="1.271" y2="0.922"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.918" y1="1.415" x2="0.918" y2="1.627"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="2.752" y1="0.781" x2="2.752" y2="1.557"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.637" y1="1.203" x2="0.637" y2="1.557"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.427" y1="1.627" x2="0.427" y2="1.415"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.427" y1="1.415" x2="0.427" y2="1.273"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.271" y1="5.644" x2="1.271" y2="5.503"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.271" y1="5.503" x2="1.271" y2="5.22"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.271" y1="5.081" x2="1.271" y2="4.728"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.13" y1="5.631" x2="1.13" y2="5.433"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.13" y1="5.433" x2="1.13" y2="5.009"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.142" y1="4.923" x2="1.142" y2="4.642"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.06" y1="4.658" x2="1.06" y2="4.585"/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.554,4.165 1.535,4.674 1.535,5.535           "/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.354" y1="4.165" x2="0.354" y2="3.953"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.496" y1="3.458" x2="0.496" y2="4.092"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.354" y1="3.953" x2="0.354" y2="3.53"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.354" y1="3.53" x2="0.354" y2="3.389"/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          2.469,2.191 2.469,2.472 2.41,2.614 2.397,2.646 2.265,2.873           "/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.12" y1="0.922" x2="1.12" y2="0.852"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.12" y1="0.852" x2="1.228" y2="0.668"/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.211,0.7 1.356,0.44 1.554,0.146           "/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.567,3.587 1.693,3.389 1.977,2.965 2.188,2.613           "/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          2.265,2.873 2.054,3.199 1.89,3.458 1.623,3.812           "/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.623,3.812 1.554,3.881 1.554,4.165           "/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          2.188,2.613 2.232,2.517 2.281,2.419 2.329,2.261           "/>

       

                          <path fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="

                          M2.313,1.438l0.084-0.061l0.071-0.034 M2.752,1.511l-0.13,0.064L2.469,1.627"/>

       

                          <path fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" d="

                          M2.117,0.991l0.277-0.097L2.54,0.852l0.212-0.07 M2.329,1.696L2.188,1.767h-0.07"/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.471,0.668 1.554,0.499 1.693,0.499           "/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.905,0.569 1.746,0.7 1.623,0.781           "/>

       

                          <polyline fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" points="

                          1.482,0.852 1.343,0.852 1.271,0.922           "/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.637" y1="2.12" x2="0.427" y2="2.191"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.918" y1="1.627" x2="0.637" y2="1.767"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.427" y1="1.837" x2="0.106" y2="1.979"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.427" y1="1.627" x2="0.637" y2="1.557"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.637" y1="1.557" x2="0.918" y2="1.415"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.075" y1="1.771" x2="0.427" y2="1.627"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="0.427" y1="1.273" x2="0.637" y2="1.203"/>

       

                          <line fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" stroke-miterlimit="10" x1="1.271" y1="0.922" x2="1.12" y2="0.922"/>

                <g>

       

                                    <ellipse transform="matrix(0.9157 0.4018 -0.4018 0.9157 2.6282 -9.722710e-004)" fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" cx="1.316" cy="6.265" rx="0.514" ry="0.753"/>

                          <path fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" d="M1.584,5.562

                                    c0.124,0.18,0.135,0.477,0.009,0.764c-0.155,0.355-0.47,0.568-0.723,0.5"/>

                </g>

                <g>

       

                                    <ellipse transform="matrix(0.9164 0.4003 -0.4003 0.9164 1.3022 0.0656)" fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" cx="0.494" cy="3.15" rx="0.282" ry="0.413"/>

                          <path fill="none" stroke="#231F20" stroke-width="0.15" stroke-linecap="round" stroke-linejoin="round" d="M0.642,2.766

                                    c0.066,0.098,0.072,0.261,0.005,0.418C0.561,3.379,0.388,3.495,0.249,3.458"/ >

                </g>

      </g>

      </svg>