Double Reflected Cubic Bezier Curves : Bezier « SVG « XML

1. XML
2. SVG
3. Bezier

Double Reflected Cubic Bezier Curves

<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 20001102//EN"
 "http://www.w3.org/TR/2000/CR-SVG-20001102/DTD/svg-20001102.dtd">

<svg width="100%" height="100%">
  <g transform="translate(45,45)">
    <path d="m20,20 C20,50 20,450 300,200 s-150,-250 200,100"
      fill="blue" stroke-dasharray="2 2 2 2"
      style="stroke:#880088;stroke-width:4;" />
  </g>

  <g transform="translate(35,35)">
    <path d="m20,20 C20,50 20,450 300,200 s-150,-250 200,100"
      fill="white" stroke-dasharray="8 4 8 4"
      style="stroke:#880088;stroke-width:4;" />
  </g>
</svg>

 

Related examples in the same category