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

Re: [svg-developers] Why doesn't this work?

Expand Messages
  • Jon Ferraiolo
    Andrew, Where did you get the c(...) syntax from? This syntax was never in any SVG specification that I can remember. A path must begin with an Moveto ( M ).
    Message 1 of 15 , May 2 2:52 PM
    • 0 Attachment
      Andrew,
      Where did you get the c(...) syntax from? This syntax was never in any SVG specification that I can remember.

      A path must begin with an Moveto ("M").

      The relative CubicBezierCurveto is indeed followed by six numbers, but there are no parentheses anyway within a path data command string.

      Jon Ferraiolo
      SVG Editor
      jferraio@...

      At 03:53 PM 5/2/01 -0400, AndrewWatt2001@... wrote:
      I was trying out one of the examples from SMIL Animation (modified one from
      Figure 3 in the WD) but the Adobe viewer complains about the c data in the
      path.

      <svg>
      <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
      <animateMotion path=" c(30 50 70 50 100 0)" dur="5s"
           accumulate="sum" repeatCount="4" />
      </circle>
      </svg>

      Presumably I am doing something basic wrong here but can't see it.

      Thanks for any help.

      Andrew Watt

      Yahoo! Groups Sponsor

      Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
    • Kevin Lindsey
      Andrew, The parenthesis didn t look right to me. I removed those and then the viewer complained about a missing moveto. I added a moveto statement and it
      Message 2 of 15 , May 2 2:55 PM
      • 0 Attachment
        Andrew,
         
        The parenthesis didn't look right to me.  I removed those and then the viewer complained about a missing moveto.  I added a moveto statement and it seems to animate like the example in the SMIL WD.  Here's what I ended up with:
         
        <svg>
            <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
            <animateMotion path="m 0 0 c 30 50 70 50 100 0" dur="5s"
                 accumulate="sum" repeatCount="4" />
            </circle>
        </svg>
        Take it easy,
        Kevin
        ----- Original Message -----
        Sent: Wednesday, May 02, 2001 3:53 PM
        Subject: [svg-developers] Why doesn't this work?

        I was trying out one of the examples from SMIL Animation (modified one from
        Figure 3 in the WD) but the Adobe viewer complains about the c data in the
        path.

        <svg>
        <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
        <animateMotion path=" c(30 50 70 50 100 0)" dur="5s"
             accumulate="sum" repeatCount="4" />
        </circle>
        </svg>

        Presumably I am doing something basic wrong here but can't see it.

        Thanks for any help.

        Andrew Watt


        Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
      • Kevin Lindsey
        This didn t go through the first time. I apologize if this is a duplicate message ===================== Andrew, The parenthesis didn t look right to me. I
        Message 3 of 15 , May 2 4:03 PM
        • 0 Attachment
          This didn't go through the first time.  I apologize if this is a duplicate message
           
          =====================
           
          Andrew,
           
          The parenthesis didn't look right to me.  I removed those and then the viewer complained about a missing moveto.  I added a moveto statement and it seems to animate like the example in the SMIL WD.  Here's what I ended up with:
           
          <svg>
              <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
              <animateMotion path="m 0 0 c 30 50 70 50 100 0" dur="5s"
                   accumulate="sum" repeatCount="4" />
              </circle>
          </svg>
          Take it easy,
          Kevin
          ----- Original Message -----
          Sent: Wednesday, May 02, 2001 3:53 PM
          Subject: [svg-developers] Why doesn't this work?

          I was trying out one of the examples from SMIL Animation (modified one from
          Figure 3 in the WD) but the Adobe viewer complains about the c data in the
          path.

          <svg>
          <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
          <animateMotion path=" c(30 50 70 50 100 0)" dur="5s"
               accumulate="sum" repeatCount="4" />
          </circle>
          </svg>

          Presumably I am doing something basic wrong here but can't see it.

          Thanks for any help.

          Andrew Watt


          Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
        • Jörg Heinicke
          Message 4 of 15 , May 2 11:54 PM
          • 0 Attachment
            <svg>
            <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
            <animateMotion path=" c(30 50 70 50 100 0)" dur="5s"
                 accumulate="sum" repeatCount="4" />
            </circle>
            </svg>
            3 problems seems to occur. Your brackets are the first one, the missing starting point is the second problem ('m 0 0' helps) and I think, you should close the path with 'z' (it's a different effect without it).
             
            Following code then:
             
            <svg>
            <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
            <animateMotion path="m 0 0 c 30 50 70 50 100 0 z" dur="5s" accumulate="sum" repeatCount="4" />
            </circle>
            </svg>
             
            I don't know, what your aim was, but so you see an effect. You have to change the code now.
             
            Hope, this helps - I haven't been thinking that I could help anytime, because of your great website ...
             
            Regards,
             
            Joerg
          • Richard Pearman
            I think instead of the path attribute you should use: path= M30 50L70 50 100 0 Richard Pearman http://www.nucleus.com/~richardp/ ... From:
            Message 5 of 15 , May 3 8:25 AM
            • 0 Attachment
              I think instead of the path attribute you should use: path="M30 50L70 50 100 0"
               
              ----- Original Message -----
              Sent: Wednesday, May 02, 2001 1:53 PM
              Subject: [svg-developers] Why doesn't this work?

              I was trying out one of the examples from SMIL Animation (modified one from
              Figure 3 in the WD) but the Adobe viewer complains about the c data in the
              path.

              <svg>
              <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
              <animateMotion path=" c(30 50 70 50 100 0)" dur="5s"
                   accumulate="sum" repeatCount="4" />
              </circle>
              </svg>

              Presumably I am doing something basic wrong here but can't see it.

              Thanks for any help.

              Andrew Watt

            • Richard Pearman
              I m a bit puzzeled now. I thought the path had to start with an M . m is a relative move but if it s at the beginning, what is it relative to? I suppose
              Message 6 of 15 , May 3 8:43 AM
              • 0 Attachment
                I'm a bit puzzeled now.  I thought the path had to start with an 'M'.  'm' is a relative move but if it's at the beginning, what is it relative to?  I suppose if it's relative to the origin (0,0), it will have the same effect as 'M'.  Can anyone clarify this?
                 
                ----- Original Message -----
                Sent: Thursday, May 03, 2001 12:54 AM
                Subject: Re: [svg-developers] Why doesn't this work?

                <svg>
                <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
                <animateMotion path=" c(30 50 70 50 100 0)" dur="5s"
                     accumulate="sum" repeatCount="4" />
                </circle>
                </svg>
                3 problems seems to occur. Your brackets are the first one, the missing starting point is the second problem ('m 0 0' helps) and I think, you should close the path with 'z' (it's a different effect without it).
                 
                Following code then:
                 
                <svg>
                <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
                <animateMotion path="m 0 0 c 30 50 70 50 100 0 z" dur="5s" accumulate="sum" repeatCount="4" />
                </circle>
                </svg>
                 
              • AndrewWatt2001@aol.com
                Thanks Kevin, The code you sent did the trick. I thought I had tried that, but obviously not. :) Thanks again. Andrew
                Message 7 of 15 , May 4 11:55 AM
                • 0 Attachment
                  Thanks Kevin,

                  The code you sent did the trick. I thought I had tried that, but obviously
                  not. :)

                  Thanks again.

                  Andrew
                • AndrewWatt2001@aol.com
                  In a message dated 04/05/01 22:14:28 GMT Daylight Time, jferraio@adobe.com ... Hi Jon, The syntax is from the July 2000 SMIL Animation WD, which is where SVG
                  Message 8 of 15 , May 4 2:29 PM
                  • 0 Attachment
                    In a message dated 04/05/01 22:14:28 GMT Daylight Time, jferraio@...
                    writes:


                    Where did you get the c(...) syntax from? This syntax was never in any SVG
                    specification that I can remember.

                    A path must begin with an Moveto ("M").

                    The relative CubicBezierCurveto is indeed followed by six numbers, but
                    there are no parentheses anyway within a path data command string.


                    Hi Jon,

                    The syntax is from the July 2000 SMIL Animation WD, which is where SVG
                    animations came from. As far as I know that is still current.

                    Example code in 3.3.1
                    <img ...><animateMotion path="c( 3 5 7 5 10 0)" dur="5s"accumulate="sum"
                    repeatCount="4" /></img>

                    Andrew
                  • Jon Ferraiolo
                    ... The SVG spec does indeed reference the SMIL Animation spec as the definition of its base animation functionality, but the references goes in the other
                    Message 9 of 15 , May 4 3:27 PM
                    • 0 Attachment
                      At 05:29 PM 5/4/01 -0400, you wrote:
                      In a message dated 04/05/01 22:14:28 GMT Daylight Time, jferraio@...
                      writes:


                      Where did you get the c(...) syntax from? This syntax was never in any SVG
                      specification that I can remember.

                      A path must begin with an Moveto ("M").

                      The relative CubicBezierCurveto is indeed followed by six numbers, but
                      there are no parentheses anyway within a path data command string.


                      Hi Jon,

                      The syntax is from the July 2000 SMIL Animation WD, which is where SVG
                      animations came from. As far as I know that is still current.
                      The SVG spec does indeed reference the SMIL Animation spec as the definition of its base animation functionality, but the references goes in the other direction also -- the SMIL Animation spec references the SVG spec as the definition of its path syntax. Thus, the SMIL Animation spec is using incorrect syntax.

                      Jon Ferraiolo
                      SVG Editor
                      jferraio@...


                      Example code in 3.3.1
                      <img ...><animateMotion path="c( 3 5 7 5 10 0)" dur="5s"accumulate="sum"
                      repeatCount="4" /></img>

                      Andrew

                      Yahoo! Groups Sponsor

                      Your use of Yahoo! Groups is subject to the Yahoo! Terms of Service.
                    • Jörg Heinicke
                      It s because the animateMotion-node (with its path-Attribute) is a child of . So the cx= 50 and cy= 50 is the pixel to which m 0 0 is relative.
                      Message 10 of 15 , May 4 4:42 PM
                      • 0 Attachment
                        It's because the animateMotion-node (with its path-Attribute) is a child of <circle>. So the cx="50" and cy="50" is the pixel to which 'm 0 0' is relative.
                         
                        This is my thinking, don't know whether it's exact.
                         
                        Bye, Joerg
                        ----- Original Message -----
                        Sent: Thursday, May 03, 2001 5:43 PM
                        Subject: Re: [svg-developers] Why doesn't this work?

                        I'm a bit puzzeled now.  I thought the path had to start with an 'M'.  'm' is a relative move but if it's at the beginning, what is it relative to?  I suppose if it's relative to the origin (0,0), it will have the same effect as 'M'.  Can anyone clarify this?
                         
                        3 problems seems to occur. Your brackets are the first one, the missing starting point is the second problem ('m 0 0' helps) and I think, you should close the path with 'z' (it's a different effect without it).
                         
                        Following code then:
                         
                        <svg>
                        <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
                        <animateMotion path="m 0 0 c 30 50 70 50 100 0 z" dur="5s" accumulate="sum" repeatCount="4" />
                        </circle>
                        </svg>
                      • Jörg Heinicke
                        Wow, I got this mail 34 hours after sending!!! But now, egroups or yahoogroups seems to work correctly again. Joerg ... From: Richard Pearman To:
                        Message 11 of 15 , May 4 7:25 PM
                        • 0 Attachment
                          Wow, I got this mail 34 hours after sending!!! But now, egroups or yahoogroups seems to work correctly again.
                           
                          Joerg
                          ----- Original Message -----
                          Sent: Thursday, May 03, 2001 5:25 PM
                          Subject: Re: [svg-developers] Why doesn't this work?

                          I think instead of the path attribute you should use: path="M30 50L70 50 100 0"
                           
                        • AndrewWatt2001@aol.com
                          In a message dated 04/05/01 23:34:55 GMT Daylight Time, jferraio@adobe.com ... I kind of figured the latter when the code from the SMIL Animation spec didn t
                          Message 12 of 15 , May 4 10:25 PM
                          • 0 Attachment
                            In a message dated 04/05/01 23:34:55 GMT Daylight Time, jferraio@...
                            writes:


                            The SVG spec does indeed reference the SMIL Animation spec as the definition
                            of its base animation functionality, but the references goes in the other
                            direction also -- the SMIL Animation spec references the SVG spec as the
                            definition of its path syntax. Thus, the SMIL Animation spec is using
                            incorrect syntax.


                            I kind of figured the latter when the code from the SMIL Animation spec
                            didn't work. :)

                            Thanks for the clarification.

                            Andrew
                          • AndrewWatt2001@aol.com
                            In a message dated 05/05/01 06:40:48 GMT Daylight Time, joerg.heinicke@gmx.de ... Sure, we can all help each other. :) That s the great thing about this group,
                            Message 13 of 15 , May 4 11:42 PM
                            • 0 Attachment
                              In a message dated 05/05/01 06:40:48 GMT Daylight Time, joerg.heinicke@...
                              writes:


                              3 problems seems to occur. Your brackets are the first one, the missing
                              starting point is the second problem ('m 0 0' helps) and I think, you
                              should close the path with 'z' (it's a different effect without it).

                              Following code then:

                              <svg>
                              <circle cx="50" cy="50" r="5" style="fill:red; stroke:red;">
                              <animateMotion path="m 0 0 c 30 50 70 50 100 0 z" dur="5s" accumulate="sum"
                              repeatCount="4" />
                              </circle>
                              </svg>

                              I don't know, what your aim was, but so you see an effect. You have to
                              change the code now.

                              Hope, this helps - I haven't been thinking that I could help anytime,
                              because of your great website ...



                              Sure, we can all help each other. :)

                              That's the great thing about this group, people do help each other. I lurk on
                              a couple of other graphics lists and there is so much fighting and so on. On
                              this group the atmosphere is so very different, at least I feel it is. :)

                              Thanks for the reply.

                              Andrew
                            • Chris Lilley
                              ... The example is indeed incorrect in that spec, since it disagrees with the syntax given in http://www.w3.org/TR/smil-animation/#animateMotionElement and is
                              Message 14 of 15 , May 7 12:24 PM
                              • 0 Attachment
                                AndrewWatt2001@... wrote:


                                > The syntax is from the July 2000 SMIL Animation WD, which is where SVG
                                > animations came from. As far as I know that is still current.
                                >
                                > Example code in 3.3.1
                                > <img ...><animateMotion path="c( 3 5 7 5 10 0)" dur="5s"accumulate="sum"
                                > repeatCount="4" /></img>

                                The example is indeed incorrect in that spec, since it disagrees with
                                the syntax given in

                                http://www.w3.org/TR/smil-animation/#animateMotionElement

                                and is not a subset of the SVG path syntax. The example should be
                                corrected in the next version of the spec.

                                --
                                Chris
                              Your message has been successfully submitted and would be delivered to recipients shortly.