Loading ...
Sorry, an error occurred while loading the content.

stroke-dashoffset

Expand Messages
  • bobhopgood2002
    The following SVG file looks as I would expect it on Batik but the letter A is rubbish using the Adobe Plug-in. Is it a bug or am I doing something that is not
    Message 1 of 3 , Aug 1, 2002
    • 0 Attachment
      The following SVG file looks as I would expect it on Batik but the
      letter A is rubbish using the Adobe Plug-in.

      Is it a bug or am I doing something that is not allowed?

      <?xml version="1.0" encoding="utf-8"?><?xml-stylesheet
      href="../css/slide.css" type="text/css"?>
      <svg xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 1023
      640">

      <defs>
      <font id="frahfont01" horiz-origin-x="0" horiz-origin-y="0" horiz-adv-
      x="400" >
      <font-face font-family="frah01" units-per-em="400"
      cap-height="300" x-height="220" ascent="700" descent="200"
      alphabetic="0" >
      </font-face>
      <missing-glyph horiz-adv-x="300" d="m100,100h100v100h-100v-100m200,-
      100"/>
      <glyph unicode="A" horiz-adv-x="340"
      d="m200,300c-50,-100,-120,-200,-200,-300m200,310c30,-100,20,-200,50,-
      310m-155,155c50,-5,100,-10,150,10m95,-165"/>
      <glyph unicode="B" horiz-adv-x="320"
      d="m100,300c-50,-100,-80,-200,-100,-300,c20,150,30,260,160,290s180,-
      90,-100,-120c200,0,200,-180,-50,-160m310,-10"/>
      </font>
      </defs>

      <rect class="background" width="1023" height="640"/>
      <g transform="translate(50,200)">


      <text font-size="100" font-family="frah01" fill="none" stroke="blue"
      stroke-width="2" stroke-dasharray="400 400" stroke-dashoffset="0">
      AB
      </text>

      </g>
      </svg>
    • pilatfr
      ... Problem is with stroke-dasharray in Adobe plugin for paths with subpaths ... a bug of course! If we add animate on stroke-dashoffset, the 3 subpaths are
      Message 2 of 3 , Aug 1, 2002
      • 0 Attachment
        --- In svg-developers@y..., "bobhopgood2002" <bhopgood@b...> wrote:
        > The following SVG file looks as I would expect it on Batik but the
        > letter A is rubbish using the Adobe Plug-in.

        Problem is with stroke-dasharray in Adobe plugin for paths with
        subpaths ... a bug of course!
        If we add animate on stroke-dashoffset, the 3 subpaths are drawing at
        the same time! I think that they have to be draw one after other ...

        Try with

        <text font-size="100" font-family="frah01" fill="none" stroke="blue"
        stroke-width="2" stroke-dasharray="90 90" stroke-dashoffset="90">
        A
        <animate attributeName="stroke-dashoffset" values="90;0" begin="0"
        dur="10" repeatCount="1" fill="freeze"/>
        </text>

        Michel
      • bobhopgood2002
        Michel, Thanks, reassured that it is a bug and not me. You also guessed what I was trying to do which is to get writing to appear as though it was being hand
        Message 3 of 3 , Aug 2, 2002
        • 0 Attachment
          Michel,

          Thanks, reassured that it is a bug and not me. You also guessed what
          I was trying to do which is to get writing to appear as though it
          was being hand written.

          Even defining all of the font with relative coordinates does not help
          a lot.

          I think the only solution is to define the font outside SVG and do an
          XSLT transformation on it to generate a single path that you animate.

          Unless you have any other ideas?

          Bob

          --- In svg-developers@y..., "pilatfr" <pilat@w...> wrote:
          > --- In svg-developers@y..., "bobhopgood2002" <bhopgood@b...> wrote:
          > > The following SVG file looks as I would expect it on Batik but
          the
          > > letter A is rubbish using the Adobe Plug-in.
          >
          > Problem is with stroke-dasharray in Adobe plugin for paths with
          > subpaths ... a bug of course!
          > If we add animate on stroke-dashoffset, the 3 subpaths are drawing
          at
          > the same time! I think that they have to be draw one after other ...
          >
          > Try with
          >
          > <text font-size="100" font-family="frah01" fill="none"
          stroke="blue"
          > stroke-width="2" stroke-dasharray="90 90" stroke-dashoffset="90">
          > A
          > <animate attributeName="stroke-dashoffset" values="90;0" begin="0"
          > dur="10" repeatCount="1" fill="freeze"/>
          > </text>
          >
          > Michel
        Your message has been successfully submitted and would be delivered to recipients shortly.