在組對象fabricjs之外顯示全文

Question

當我設置文本時，我試圖在 fabricjs 中合並文本框和組，它不顯示全文。 如何設置全文？

 var iText4 = new fabric.Textbox('Text noasasasasasasasasasabcdefghxyz', { left: 50, top: 100, fontFamily: 'Helvetica', width: 30, styles: { 0: { 0: { textBackgroundColor: 'blue', fill: 'green' }, 1: { textBackgroundColor: '#faa' }, 2: { textBackgroundColor: 'lightblue' }, } } }); var group = new fabric.Group([ iText4 ], { left: 150, top: 100, width: 60, }); var canvas = new fabric.Canvas('c'); canvas.add(group);

 <script src="https://cdnjs.cloudflare.com/ajax/libs/fabric.js/2.3.3/fabric.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <canvas id='c' width='500' height='400'></canvas>

Answer 1

組的寬度小於文本的寬度，導致它被截斷。 刪除它應該可以解決您的問題。

var group = new fabric.Group([ iText4 ], {
  left: 150,
  top: 100
});

見這里： https : //jsfiddle.net/p6c2trg8/1/