Question

我希望能够从下拉列表中选择＆＃34;切换＆＃34;在我的fabricjs画布上设置样式的IText段落之间，却遇到了麻烦。我尝试借用这个，这与图像类似，没有运气：

//oImgObj bread and butter, kudos @grunt
function replaceImage(oImgObj, imgUrl) {
  if (!isImageLoaded) return; //return if initial image not loaded
  var imgElem = oImgObj._element; //reference to actual image element
  imgElem.src = imgUrl; //set image source
  imgElem.onload = () => canvas.renderAll(); //render on image load
}

如何使用可编辑的文本块实现此目的？

Answer 1

您可以使用属性text将文本设置为文本对象。

＆＃13;

var canvas = new fabric.Canvas('c');
var text = new fabric.IText('FabricJs is Awsome',{
  left:50,top:50
});
canvas.add(text);
function replace(option){
 var val = document.getElementsByTagName('textarea')[0].value;
 text.set('text',val);
 canvas.renderAll();
}

＆＃13;

canvas {
 border: blue dotted 2px;
}

＆＃13;

<script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.19/fabric.min.js"></script>
<canvas id="c" width="400" height="400"></canvas>
<br>
<textarea></textarea><button onclick='replace()'>Replace</button>

＆＃13;

如何＆＃34;切换＆＃34;在使用fabricjs canvas选择IText对象（文本段落）之间？

1 个答案: