Html5 canvas 如何在Fabricjs中创建沿路径弯曲的可编辑文本?

Html5 canvas 如何在Fabricjs中创建沿路径弯曲的可编辑文本?,html5-canvas,fabricjs,fabricjs2,Html5 Canvas,Fabricjs,Fabricjs2,我想制作可编辑文本,该文本沿织物路径弯曲,如下图所示。 这是我的代码: 我创建了一个弯曲的fabric.Path和fabric.TextBox,但我不知道如何沿着该路径弯曲文本。请帮我解决这个问题 var canvasObject=document.getElementById(“editorCanvas”); //将画布设置为与div相等的大小 $(canvasObject).width($(“#canvasContainer”).width(); $(canvasObject).hei

我想制作可编辑文本,该文本沿织物路径弯曲,如下图所示。


这是我的代码:
我创建了一个弯曲的fabric.Path和fabric.TextBox,但我不知道如何沿着该路径弯曲文本。请帮我解决这个问题

var canvasObject=document.getElementById(“editorCanvas”); //将画布设置为与div相等的大小 $(canvasObject).width($(“#canvasContainer”).width(); $(canvasObject).height($(“#canvasContainer”).height(); var canvas=new fabric.canvas('editorCanvas'{ 选择线宽:2, 宽度:$(“#画布容器”).width(), 高度:$(“#画布容器”)。高度() }); var Path_0_1=新结构路径('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'{ 填充:空, 笔划:'#000000', }); canvas.add(路径0\u 1); var curvedText=new fabric.IText(“Anh-Minh”{ 左:50,, 前50名, 宽度:200, 尺寸:24, fontFamily:“新罗马时代”, fontWeight:'正常', textAlign:'中心', 线宽:1, 填写:“404041”, }); canvas.add(曲线文本)
#画布容器{
宽度:100%;
高度:500px;
}


FabricJS路线图中将曲线上的文字作为一项计划中的功能,但目前还没有官方支持。目前,在库中实现曲线文本(有特定要求)可获得200美元的奖金——曲线文本作为计划中的功能出现在FabricJS路线图上,但目前还没有官方支持。目前,在库中实现曲线文本(有特定要求)可获得200美元的奖金-