title: Drawing a Heart with Sharp Corner in Android
body: <p>The following question might sound a bit stupid but I guess stupidity has no limit so here it goes. I am drawing a Heart using Canvas in Android and have got no issues in drawing the heart but I am not able to make the heart sharp in the meeting point. My heart looks like <a href="https://i.stack.imgur.com/aXRaP.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/aXRaP.png" alt="enter image description here"></a></p>
  
  <p><strong>CODE :</strong></p>
  
  <pre><code>            left_x_moveto = 200;
              left_y_moveto = 45;
  
              left_x1 = 197;
              left_y1 = -35;
              left_x2 = 60;
              left_y2 = 20;
              left_x3 = 193;
              left_y3 = 130;
  
              right_x_moveto = 200;
              right_y_moveto = 45;
  
              right_x1 = 197;
              right_y1 = -35;
              right_x2 = 345;
              right_y2 = 20;
              right_x3 = 193;
              right_y3 = 130;
  
  
  
             heart_outline_paint.setColor(getResources().getColor(R.color.heart_outline_color)); // Change the boundary color
          heart_outline_paint.setStrokeWidth(15);
          heart_outline_paint.setStyle(Paint.Style.STROKE);
  
          path.moveTo(left_x_moveto, left_y_moveto);
          path.cubicTo(left_x1, left_y1, left_x2, left_y2, left_x3, left_y3);
  
          path.moveTo(right_x_moveto, right_y_moveto);
          path.cubicTo(right_x1, right_y1, right_x2, right_y2, right_x3, right_y3);
          canvas.drawPath(path, heart_outline_paint);
  </code></pre>
  
  <p><strong>What have I tried so far :</strong></p>
  
  <ol>
  <li>Reducing or increasing the points of <code>left_x_moveto</code>,<code>left_y_moveto</code> and vice versa but the heart is completely disfigured for which I am unable to find the reason. </li>
  </ol>
  
  <p>When the  <code>right_x_moveto = 198</code> and <code>right_y_moveto = 45</code>, the heart looks like </p>
  
  <p><a href="https://i.stack.imgur.com/cbjxe.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/cbjxe.png" alt="enter image description here"></a></p>
  
  <p>I am not sure why this is happening.</p>
  
  <ol start="2">
  <li>Reducing the width of the <code>heart_outline_paint</code> would give me what I want but I want the <strong>thickness of the heart</strong> to be the same so reducing the <code>setStrokeWidth</code> is not an option.</li>
  </ol>
  
  <p>In short, I want both the curves to <strong>MEET AND MERGE</strong> and not just <strong>MEET</strong>.
  Any help will be much appreciated. Thanks in advance. </p>