Thanks Yannick,
your right, the figure is now :
<path d="M 10 100 L 10 10 200 100 200 10 M10,55 L200,55" fill="none"
stroke="blue"/>
<!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
stroke="red"id="q1"/>
<path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none" stroke="green"id="q2"/>
-->
<path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
stroke="red" id="c1"/>
<path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 " fill="none"
stroke="green" id="c2" />
<g transform="translate(0,100)">
<path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
<path d="M 150,100 L 150,190 M 250,190 L 250,100" fill="none" stroke="black"/>
<path d="M 10,100 C 10,10 150,10 150,100
C 150,190 250,200 250,100" fill="none" stroke="red" id="c3"/>
<path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
stroke="green" id="c4"/>
</g>
c3 overlaps c4. Adding curves is equivalent to share control points
I solved syntax error in c2. But why c2 doesn't overlap c1? the tangent is
defined by (10,10 105,55), the current point is 105,55 so the reflection point
is 200,100 as the figure is symmetrical around 105,55. Where is my error?
Philippe
--- In [email protected], yannick.bochatay@... wrote:
>
> Bonjour Philippe,
> you have a syntax error in "c2" : "S 200,100 200,55 200,55" is not valid.
> In "c4", in the "S" segment the first control point is the reflection of the
> last one :
> in your case the last control point is "150,10", the current point is
> "150,100", so the reflection is "150,190" and not "150,200" as written in
> "c3". I checked, it works ;-)
> Yannick
>
>
> ----- Mail original -----
> De: "philsvg" <philsvg@...>
> Ã: [email protected]
> Envoyé: Lundi 13 Février 2012 18:30:31
> Objet: [svg-developers] Bezier curves : adding curves equivalent to share
> control points?
>
>
>
>
>
>
> Hi all,
>
> playing with bezier curves, i found different rendering if i make path with
> severals curves or if i share control points.
>
> Quadratique bezier curves (q1,q2) give the same curve, adding 2 curves in the
> path or sharing control points.
>
> Cubic bezier curves (c1,c2 or c3,c4) don't give the same curve.
>
> <path d="M 10 100 L 10 10 200 100 200 10" fill="none" stroke="blue"/>
> <!--<path d="M 10 55 Q 10 10 105 55 Q 200 100 200 55 " fill="none"
> stroke="red"id="q1"/>
> <path d="M 10 55 Q 10 10 105 55 T 200 55 " fill="none"
> stroke="green"id="q2"/> -->
> <path d="M 10 55 C 10,10 105,55 105,55 C 200 100 200 55 200 55 " fill="none"
> stroke="red" id="c1"/>
> <path d="M 10 55 C 10,10 105,55 105,55 S 200,100 200,55 200,55 " fill="none"
> stroke="green" id="c2" />
> <g transform="translate(0,100)">
> <path d="M 10,100 L 10,10 M 150,10 L 150,100" fill="none" stroke="blue"/>
> <path d="M 150,100 L 150,200 M 250,200 L 250,100" fill="none"
> stroke="black"/>
> <path d="M 10,100 C 10,10 150,10 150,100
> C 150,200 250,200 250,100" fill="none" stroke="red" id="c3"/>
> <path d="M 10,100 C 10,10 150,10 150,100 S 250,200 250,100" fill="none"
> stroke="green" id="c4"/>
> </g>
> same result in firefox, opera and chrome
> is it normal? is it a bug? intuitively, i thought c1 and c2 should overlap,
> same for c2 and c3 as it does for q1 and q2 and the first part of c1,c2 and
> c3,c4 ...
>
> hope this helps
> Philippe
>
------------------------------------
-----
To unsubscribe send a message to: [email protected]
-or-
visit http://groups.yahoo.com/group/svg-developers and click "edit my
membership"
----Yahoo! Groups Links
<*> To visit your group on the web, go to:
http://groups.yahoo.com/group/svg-developers/
<*> Your email settings:
Individual Email | Traditional
<*> To change settings online go to:
http://groups.yahoo.com/group/svg-developers/join
(Yahoo! ID required)
<*> To change settings via email:
[email protected]
[email protected]
<*> To unsubscribe from this group, send an email to:
[email protected]
<*> Your use of Yahoo! Groups is subject to:
http://docs.yahoo.com/info/terms/
