title: round top left corner
body: <p>I am trying to use js svg library to make a rectangle with only top left corner rounded. I found in it's documentation this example:</p>
  <pre><code>script src=&quot;https://cdn.jsdelivr.net/npm/@svgdotjs/svg.js@latest/dist/svg.min.js&quot;&gt;&lt;/script&gt;
  &lt;script&gt;
      var draw = SVG().addTo('#graphix').size(300, 300);
      var rect = draw.rect(300, 300).attr({ fill: '#f06' });
      rect.radius(100);
     
      //rect
  
    //end
  &lt;/script&gt;
  </code></pre>
  <p>it rounds all of the corners. Is it posible using this library to round only top left or top right corner? Or what should I use as an alterative? I realy can't get it in the previous question that was associated with my post. Solution simply doesn't work. I tryed to use some examples from question here <a href="https://stackoverflow.com/questions/12115691/svg-d3-js-rounded-corner-on-one-corner-of-a-rectangle">svg / d3.js rounded corner on one corner of a rectangle</a> rounded corner on one corner of a rectangle but those examples are rounding whole right side instead of doing it only for one corner for example top right/left. The main problem for me is that I have different radius for different corners.</p>