Javascript 如何在fabric js Itext中动态设置文本框文本

我创建了一个画布，我添加了一个织物Itext，我想在Itext中填充textbox的文本。 我的html代码是

 <input type="text" id="title" placeholder="Your Title" /><br>
<canvas id="c"></canvas>

---

请帮忙……提前谢谢。

你的问题很模糊。这似乎与你的要求很接近。在文本框中键入时，iText将更新。尽管您可以在画布上单击iText并直接键入，但我不确定您是否真的需要html输入

window.canvas=newfabric.canvas（'c'）；
var textOptions={
尺寸：16，
左:20,，
前20名，
半径：10，
边界半径：“25px”，
hasRotatingPoint：对
};
var textObject=new fabric.IText（'在此处输入文本…'，textOptions）；
canvas.add（textObject）.setActiveObject（textObject）；
canvas.renderAll（）
document.getElementById（'title'）。addEventListener（'keyup'，function（）{
textObject.text=document.getElementById（'title'）。值；
canvas.renderAll（）；
});
canvas{border:1px solid；}



你的问题很模糊。这似乎与你的要求很接近。在文本框中键入时，iText将更新。尽管您可以在画布上单击iText并直接键入，但我不确定您是否真的需要html输入


window.canvas=newfabric.canvas（'c'）；
var textOptions={
尺寸：16，
左:20,，
前20名，
半径：10，
边界半径：“25px”，
hasRotatingPoint：对
};
var textObject=new fabric.IText（'在此处输入文本…'，textOptions）；
canvas.add（textObject）.setActiveObject（textObject）；
canvas.renderAll（）
document.getElementById（'title'）。addEventListener（'keyup'，function（）{
textObject.text=document.getElementById（'title'）。值；
canvas.renderAll（）；
});
canvas{border:1px solid；}



是否与fabric textbox元素相同？现在就尝试，但不起作用。对于fabric textbox元素是否也一样？现在就尝试，但不起作用
function Addtext() { 
var text = new fabric.IText('Enter text here...',      {fontSize:16,left:20,top:20,radius:10});
borderRadius = "25px";
canvas.add(text).setActiveObject(text);
text.hasRotatingPoint = true;
}

document.getElementById('title').addEventListener('keyup', function () {
var stringTitle = document.getElementById('title').value;
});