title: Fill Sine Graph Android
body: <p>I have this code:</p>
  
  <pre><code>public class TestView extends View {
  
  private Path mPath;
  private Paint mPaint = new Paint();
  
  public TestView(Context context) {
      this(context, null);
  }
  
  public TestView(Context context, AttributeSet attrs) {
      this(context, attrs, 0);
  }
  
  public TestView(Context context, AttributeSet attrs, int defStyle) {
      super(context, attrs, defStyle);
      mPath = new Path();
      mPath.moveTo(0, 0);
      mPath.quadTo(50, -50, 100, 0);
      mPath.quadTo(150, 50, 200, 0);
      mPath.quadTo(250, -50, 300, 0);
      mPath.quadTo(350, 50, 400, 0);
      mPath.quadTo(450, -50, 500, 0);
  }
  
  @Override
  protected void onDraw(Canvas canvas) {
      super.onDraw(canvas);
      canvas.save();
      canvas.translate(0, getMeasuredHeight() / 2F);
      // just making sure to clip starting and ending curve
      canvas.clipRect(50, -100, 450, 100, Region.Op.INTERSECT);
      canvas.drawPath(mPath, mPaint);
      canvas.restore();
  }
  }
  </code></pre>
  
  <p>That produces this: </p>
  
  <p><img src="https://i.stack.imgur.com/4PhbY.png" alt="enter image description here"></p>
  
  <p>But I want this (pardon my Paint skills):</p>
  
  <p><img src="https://i.stack.imgur.com/L62zA.png" alt="enter image description here"></p>
  
  <p>Any help on filling area under this sine curve will be appreciated. </p>