title: Rounded corners on triangle in SVG
body: <p>I'm trying to make a triangle that has rounded corners. The triangle will look like this:</p>
  
  <p><img src="https://i.stack.imgur.com/gspjx.png" alt="enter image description here"></p>
  
  <p>The bottom left corner is the only one that seems fairly easy to make, mostly because that is a 90 degree 'turn'. That turn is made using the <code>Q</code> command in SVG with the following parameters:</p>
  
  <p><code>Q x,y + height, x, y + height - RADIUS</code> starting at the right bit of the arc I'm creating. </p>
  
  <p>However, the other corners are variable, depending on the triangle size. I can calculate their angles using <code>atan()</code> functions, but I have no clue how to implement them. I would like it to follow the RADIUS variable (5 in this case). </p>
  
  <p>Any ideas?</p>