title: Flutter Drawing a Skewed Oval Using CustomPainter
body: <p>I'm trying to draw this oval in Custom Painter.</p>
  <p><a href="https://i.stack.imgur.com/cepOq.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cepOq.png" alt="Oval" /></a></p>
  <p>I can't seem to wrap my head around it. I've tried using the <code>drawOval()</code> function on the <code>Canvas</code>:</p>
  <pre><code>    @override
    void paint(Canvas canvas, Size size) {
      final startAngle = -math.pi / 2;
      final sweepAngle = math.pi;
      Offset center = Offset(size.width * 0.5, size.height * 0.5);
      int lineAmount = 10;
      Color paintColor = Color.fromRGBO(250, 154, 210, 1);
      Paint circlePaint = Paint()
        ..color = paintColor
        ..style = PaintingStyle.stroke
        ..strokeWidth = 5;
  
      // HIGHLIGHT
      canvas.drawOval(Rect.fromLTRB(50, 100, 250, 200), circlePaint);
      
    }
  </code></pre>
  <p>... and using the <code>drawArc()</code> function:</p>
  <pre><code>canvas.drawArc(Rect.fromLTRB(50, 100, 250, 200), startAngle, sweepAngle,
          false, circlePaint);
  canvas.drawArc(Rect.fromLTRB(50, 100, 250, 200), -startAngle, -sweepAngle,
          false, circlePaint);
  </code></pre>
  <p>This is the result I keep on getting:</p>
  <p><a href="https://i.stack.imgur.com/NRJpk.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NRJpk.png" alt="result" /></a></p>
  <p>How can I properly draw the arc?</p>