title: How to create an Editable Text which is curved along a Path in Fabricjs?
body: <p>I want to make Editable Text which is curved along a fabric.Path as bellow expected image.<br />
  <a href="https://i.stack.imgur.com/9bzAU.jpg" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/9bzAU.jpg" alt="enter image description here"></a></p>
  
  <p><br /></p>
  
  <p>Here is my code:<br />
  I created a curved fabric.Path &amp; a fabric.TextBox, but I don't know how to curve text along that Path. Please help me resolve this problem. <br /></p>
  
  <p><div class="snippet" data-lang="js" data-hide="false" data-console="true" data-babel="false">
  <div class="snippet-code">
  <pre class="snippet-code-js lang-js prettyprint-override"><code>var canvasObject = document.getElementById("editorCanvas");
  // set canvas equal size with div
  $(canvasObject).width($("#canvasContainer").width());
  $(canvasObject).height($("#canvasContainer").height());
  
  var canvas = new fabric.Canvas('editorCanvas', {
    selectionLineWidth: 2,
    width: $("#canvasContainer").width(),
    height: $("#canvasContainer").height()
  });
  
  var Path_0_1 = new fabric.Path('M127.91,99.29c32.16,10.73,53.41,7.33,67.81,0 c34.07-17.34,41.99-62.82,60.98-60.98c8.19,0.79,14.11,9.98,17.91,17.91', {
    fill : null,
    stroke: '#000000',
  });
  canvas.add(Path_0_1);
  
  var curvedText = new fabric.IText("Anh Minh", {
    left: 50, 
    top: 50, 
    width: 200, 
    fontSize: 24, 
    fontFamily: 'Times New Roman', 
    fontWeight: 'normal', 
    textAlign: 'center',
    lineHeight: 1,
    fill: "#404041",
  });
  canvas.add(curvedText);</code></pre>
  <pre class="snippet-code-css lang-css prettyprint-override"><code>#canvasContainer {
    width: 100%;
    height: 500px;
  }</code></pre>
  <pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;script src="https://code.jquery.com/jquery-3.3.1.js"&gt;&lt;/script&gt;
  &lt;script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.4.3/fabric.js"&gt;&lt;/script&gt;
    
  &lt;div id="canvasContainer"&gt;
    &lt;canvas id="editorCanvas"&gt;&lt;/canvas&gt;
  &lt;/div&gt;</code></pre>
  </div>
  </div>
  </p>
  
  <p><br />
  <br />
  <strong>Addition information:</strong><br />
  After few hours google search, I see an interesting <a href="https://konvajs.org/docs/shapes/TextPath.html" rel="nofollow noreferrer">Konva.TextPath</a>, I wonder If can we make same Object like that Konva.TextPath in Fabric.js?
  <br /></p>
  
  <p>Thank you!</p>